fix(navbar): ubah z-index children site-body menjadi auto dan pastikan navbar memiliki z-index 9999 yang eksplisit
This commit is contained in:
parent
5ccf2dc908
commit
c7b93a763e
|
|
@ -919,7 +919,23 @@ .site-body > *:not(.site-backdrop),
|
||||||
.admin-body > *:not(.admin-backdrop),
|
.admin-body > *:not(.admin-backdrop),
|
||||||
.auth-body > *:not(.auth-backdrop) {
|
.auth-body > *:not(.auth-backdrop) {
|
||||||
position: relative;
|
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,
|
.site-backdrop .orb,
|
||||||
|
|
@ -959,20 +975,6 @@ .auth-backdrop .orb-c {
|
||||||
bottom: -170px;
|
bottom: -170px;
|
||||||
background: radial-gradient(circle, rgba(234, 88, 12, 0.2), rgba(234, 88, 12, 0));
|
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 {
|
.navbar-brand {
|
||||||
gap: 0.68rem;
|
gap: 0.68rem;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue