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

fix: z index issues for mobile nav (#4766)

Browse Source 
* fix: z index issues for mobile nav

Closes: #4722

* fix: below modals

---------

Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>
This commit is contained in:
Calum H.
2025-11-12 04:00:46 +00:00
committed by GitHub
parent 9a13e977a0
commit bbc31ef077
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/frontend/src/layouts/default.vue
View File

@@ -1820,7 +1820,7 @@ const footerLinks = [
padding-bottom: var(--size-rounded-card); padding-bottom: var(--size-rounded-card);
left: 0; left: 0;
background-color: var(--color-raised-bg); background-color: var(--color-raised-bg);
z-index: 6; z-index: 11; // 20 = modals, 10 = svg icons
transform: translateY(100%); transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.54, 0.84, 0.42, 1); transition: transform 0.4s cubic-bezier(0.54, 0.84, 0.42, 1);
border-radius: var(--size-rounded-card) var(--size-rounded-card) 0 0; border-radius: var(--size-rounded-card) var(--size-rounded-card) 0 0;
@@ -1901,7 +1901,7 @@ const footerLinks = [
bottom: 0; bottom: 0;
background-color: var(--color-raised-bg); background-color: var(--color-raised-bg);
box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
z-index: 7; z-index: 11; // 20 = modals, 10 = svg icons
width: 100%; width: 100%;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;