eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix modal animation when modal is in another modal, and add close label (#3027)

Browse Source 
Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
This commit is contained in:
Prospector
2024-12-14 18:52:49 -08:00
committed by GitHub
parent 3e5b842b7a
commit 24271a2388
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/ui/src/components/modal/NewModal.vue
View File

@@ -31,7 +31,7 @@
</slot>
</div>
<ButtonStyled v-if="closable" circular>
<button aria-label="Close" @click="hide">
<button v-tooltip="'Close'" aria-label="Close" @click="hide">
<XIcon aria-hidden="true" />
</button>
</ButtonStyled>
@@ -214,14 +214,14 @@ function handleKeyDown(event: KeyboardEvent) {
visibility: visible;
transform: translate(0, 0);
.modal-body {
> .modal-body {
opacity: 1;
visibility: visible;
scale: 1;
}
}
.modal-body {
> .modal-body {
position: fixed;
box-shadow: 4px 4px 26px 10px rgba(0, 0, 0, 0.08);
max-height: calc(100% - 2 * var(--gap-lg));