nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Modal Toast zIndex

Browse Source
This commit is contained in:
kissudad@outlook.com 2024-04-10 09:30:35 +08:00 committed by llxxxdd
parent 8b6b6b622e
commit 111d3a5e1e
3 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/prompts/BaseModal.vue
View File

@ -7,7 +7,7 @@
initialFocus: '#focus-prompt', initialFocus: '#focus-prompt',
fallbackFocus: 'div.vfm__content', fallbackFocus: 'div.vfm__content',
}" }"
style="z-index: 9999999" :z-index-fn="() => 9999"
> >
<slot /> <slot />
</VueFinalModal> </VueFinalModal>

4
frontend/src/css/base.css
View File

@ -92,6 +92,10 @@ main {
width: calc(100% - 19em); width: calc(100% - 19em);
} }
.filebrower-toast {
z-index: 10000;
}
.breadcrumbs { .breadcrumbs {
height: 3em; height: 3em;
background: var(--background); background: var(--background);

1
frontend/src/main.ts
View File

@ -37,6 +37,7 @@ app.use(Toast, {
transition: "Vue-Toastification__bounce", transition: "Vue-Toastification__bounce",
maxToasts: 10, maxToasts: 10,
newestOnTop: true, newestOnTop: true,
containerClassName: "filebrower-toast",
} satisfies PluginOptions); } satisfies PluginOptions);
app.use(vfm); app.use(vfm);