septianyoga09
/
septian_airpanaswebsite
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(navbar): ubah z-index children site-body menjadi auto dan pastikan navbar memiliki z-index 9999 yang eksplisit

This commit is contained in:
ardhikaxx 2026-02-25 04:16:15 +07:00
parent 5ccf2dc908
commit c7b93a763e
1 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
public/css/app.css
View File

@ -919,7 +919,23 @@ .site-body > *:not(.site-backdrop),
.admin-body > *:not(.admin-backdrop),
.auth-body > *:not(.auth-backdrop) {
position: relative;
z-index: 1;
z-index: auto;
}
/* Navbar should be on top */
.site-navbar {
position: sticky;
top: 0.85rem;
z-index: 9999 !important;
margin: 0.85rem auto 0;
width: calc(100% - 2rem);
max-width: 1240px;
border: 1px solid rgba(16, 38, 50, 0.08);
border-radius: 20px;
background: rgba(255, 255, 255, 0.86) !important;
backdrop-filter: blur(14px);
box-shadow: var(--shadow-2);
padding: 0.7rem 0;
}
.site-backdrop .orb,
@ -959,20 +975,6 @@ .auth-backdrop .orb-c {
bottom: -170px;
background: radial-gradient(circle, rgba(234, 88, 12, 0.2), rgba(234, 88, 12, 0));
}
.site-navbar {
position: sticky;
top: 0.85rem;
z-index: 9999;
margin: 0.85rem auto 0;
width: calc(100% - 2rem);
max-width: 1240px;
border: 1px solid rgba(16, 38, 50, 0.08);
border-radius: 20px;
background: rgba(255, 255, 255, 0.86) !important;
backdrop-filter: blur(14px);
box-shadow: var(--shadow-2);
padding: 0.7rem 0;
}
.navbar-brand {
gap: 0.68rem;