Skip to content

fix(Card/Drawer/Modal): prevent scrollbars overflow #4368

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Jun 24, 2025
Merged

fix(Card/Drawer/Modal): prevent scrollbars overflow #4368

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
328bf80
fix(command-palette): keep rounded
Sepush Jun 17, 2025
ef6cff9
fix(command-palette): update test snap
Sepush Jun 17, 2025
7dfc8a9
fix(CommandPalette): update use test snap
Sepush Jun 17, 2025
03f11aa
fix: set overflow hidden for parent
Sepush Jun 17, 2025
b9128e8
Merge branch 'v3' into fix/cmd-p
benjamincanac Jun 24, 2025
a20059d
up
benjamincanac Jun 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/theme/card.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
export default {
slots: {
root: 'rounded-lg',
root: 'rounded-lg overflow-hidden',
header: 'p-4 sm:px-6',
body: 'p-4 sm:p-6',
footer: 'p-4 sm:px-6'
Expand Down
2 changes: 1 addition & 1 deletion src/theme/drawer.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ export default (options: Required<ModuleOptions>) => ({
},
inset: {
true: {
content: 'rounded-lg after:hidden'
content: 'rounded-lg after:hidden overflow-hidden'
}
}
},
Expand Down
2 changes: 1 addition & 1 deletion src/theme/modal.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export default {
content: 'inset-0'
},
false: {
content: 'top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100vw-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)] rounded-lg shadow-lg ring ring-default'
content: 'top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100vw-2rem)] max-w-lg max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)] rounded-lg shadow-lg ring ring-default overflow-hidden'
}
}
}
Expand Down
20 changes: 10 additions & 10 deletions test/components/__snapshots__/Card-vue.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,79 +1,79 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`Card > renders with as correctly 1`] = `
"<section class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<section class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</section>"
`;

exports[`Card > renders with class correctly 1`] = `
"<div class="bg-default ring ring-default divide-y divide-default rounded-xl">
"<div class="overflow-hidden bg-default ring ring-default divide-y divide-default rounded-xl">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with default slot correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<div class="p-4 sm:p-6">Default slot</div>
<!--v-if-->
</div>"
`;

exports[`Card > renders with footer slot correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<div class="p-4 sm:px-6">Footer slot</div>
</div>"
`;

exports[`Card > renders with header slot correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<div class="p-4 sm:px-6">Header slot</div>
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with ui correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant outline correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant soft correctly 1`] = `
"<div class="rounded-lg bg-elevated/50 divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-elevated/50 divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant solid correctly 1`] = `
"<div class="rounded-lg bg-inverted text-inverted">
"<div class="rounded-lg overflow-hidden bg-inverted text-inverted">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant subtle correctly 1`] = `
"<div class="rounded-lg bg-elevated/50 ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-elevated/50 ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
Expand Down
20 changes: 10 additions & 10 deletions test/components/__snapshots__/Card.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,79 +1,79 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`Card > renders with as correctly 1`] = `
"<section class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<section class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</section>"
`;

exports[`Card > renders with class correctly 1`] = `
"<div class="bg-default ring ring-default divide-y divide-default rounded-xl">
"<div class="overflow-hidden bg-default ring ring-default divide-y divide-default rounded-xl">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with default slot correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<div class="p-4 sm:p-6">Default slot</div>
<!--v-if-->
</div>"
`;

exports[`Card > renders with footer slot correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<div class="p-4 sm:px-6">Footer slot</div>
</div>"
`;

exports[`Card > renders with header slot correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<div class="p-4 sm:px-6">Header slot</div>
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with ui correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant outline correctly 1`] = `
"<div class="rounded-lg bg-default ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-default ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant soft correctly 1`] = `
"<div class="rounded-lg bg-elevated/50 divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-elevated/50 divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant solid correctly 1`] = `
"<div class="rounded-lg bg-inverted text-inverted">
"<div class="rounded-lg overflow-hidden bg-inverted text-inverted">
<!--v-if-->
<!--v-if-->
<!--v-if-->
</div>"
`;

exports[`Card > renders with variant subtle correctly 1`] = `
"<div class="rounded-lg bg-elevated/50 ring ring-default divide-y divide-default">
"<div class="rounded-lg overflow-hidden bg-elevated/50 ring ring-default divide-y divide-default">
<!--v-if-->
<!--v-if-->
<!--v-if-->
Expand Down
8 changes: 4 additions & 4 deletions test/components/__snapshots__/Drawer-vue.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -150,7 +150,7 @@ exports[`Drawer > renders with direction bottom inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="bottom" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mt-24 flex-col rounded-lg after:hidden h-auto max-h-[96%] inset-x-4 bottom-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="bottom" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mt-24 flex-col rounded-lg after:hidden overflow-hidden h-auto max-h-[96%] inset-x-4 bottom-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity mt-4 !w-12 !h-1.5 mx-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down Expand Up @@ -196,7 +196,7 @@ exports[`Drawer > renders with direction left inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="left" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row-reverse rounded-lg after:hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 left-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="left" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row-reverse rounded-lg after:hidden overflow-hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 left-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity !mr-4 !h-12 !w-1.5 mt-auto mb-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down Expand Up @@ -242,7 +242,7 @@ exports[`Drawer > renders with direction right inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="right" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row rounded-lg after:hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 right-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="right" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row rounded-lg after:hidden overflow-hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 right-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity !ml-4 !h-12 !w-1.5 mt-auto mb-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down Expand Up @@ -288,7 +288,7 @@ exports[`Drawer > renders with direction top inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="top" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mb-24 flex-col-reverse rounded-lg after:hidden h-auto max-h-[96%] inset-x-4 top-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="top" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mb-24 flex-col-reverse rounded-lg after:hidden overflow-hidden h-auto max-h-[96%] inset-x-4 top-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-1" aria-labelledby="reka-dialog-title-v-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity mb-4 !w-12 !h-1.5 mx-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down
8 changes: 4 additions & 4 deletions test/components/__snapshots__/Drawer.spec.ts.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -150,7 +150,7 @@ exports[`Drawer > renders with direction bottom inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="bottom" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mt-24 flex-col rounded-lg after:hidden h-auto max-h-[96%] inset-x-4 bottom-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="bottom" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mt-24 flex-col rounded-lg after:hidden overflow-hidden h-auto max-h-[96%] inset-x-4 bottom-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity mt-4 !w-12 !h-1.5 mx-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down Expand Up @@ -196,7 +196,7 @@ exports[`Drawer > renders with direction left inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="left" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row-reverse rounded-lg after:hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 left-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="left" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row-reverse rounded-lg after:hidden overflow-hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 left-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity !mr-4 !h-12 !w-1.5 mt-auto mb-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down Expand Up @@ -242,7 +242,7 @@ exports[`Drawer > renders with direction right inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="right" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row rounded-lg after:hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 right-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="right" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none flex-row rounded-lg after:hidden overflow-hidden w-auto max-w-[calc(100%-2rem)] inset-y-4 right-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity !ml-4 !h-12 !w-1.5 mt-auto mb-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down Expand Up @@ -288,7 +288,7 @@ exports[`Drawer > renders with direction top inset correctly 1`] = `


<div data-state="open" style="pointer-events: auto;" data-vaul-overlay="" data-vaul-snap-points="false" data-vaul-snap-points-overlay="true" class="fixed inset-0 bg-elevated/75"></div>
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="top" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mb-24 flex-col-reverse rounded-lg after:hidden h-auto max-h-[96%] inset-x-4 top-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-dismissable-layer="" style="pointer-events: auto; --snap-point-height: 0;" tabindex="-1" data-vaul-drawer="" data-vaul-drawer-direction="top" data-vaul-delayed-snap-points="false" data-vaul-snap-points="false" class="fixed bg-default ring ring-default flex focus:outline-none mb-24 flex-col-reverse rounded-lg after:hidden overflow-hidden h-auto max-h-[96%] inset-x-4 top-4" id="" role="dialog" aria-describedby="reka-dialog-description-v-0-0-1" aria-labelledby="reka-dialog-title-v-0-0-0" data-state="open">
<div data-vaul-drawer-visible="true" data-vaul-handle="" aria-hidden="true" class="shrink-0 !bg-accented transition-opacity mb-4 !w-12 !h-1.5 mx-auto"><span data-vaul-handle-hitarea="" aria-hidden="true"></span></div>
<!--v-if-->
<div class="w-full flex flex-col gap-4 p-4 overflow-y-auto">
Expand Down
Loading