fix: app content overlapping sidenav (#4811)

This commit is contained in:
Vikrant Gupta 2024-04-04 12:46:33 +05:30 committed by GitHub
parent 9b1d596816
commit e4808e585a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions

View File

@ -6,6 +6,7 @@
.app-content { .app-content {
width: calc(100% - 64px); width: calc(100% - 64px);
overflow: auto; overflow: auto;
z-index: 0;
.content-container { .content-container {
position: relative; position: relative;

View File

@ -1,6 +1,8 @@
.sidenav-container { .sidenav-container {
width: 64px; width: 64px;
height: 100%; height: 100%;
position: relative;
z-index: 1;
&.docked { &.docked {
width: 240px; width: 240px;
@ -16,8 +18,6 @@
border-right: 1px solid var(--bg-slate-400); border-right: 1px solid var(--bg-slate-400);
padding-bottom: 48px; padding-bottom: 48px;
transition: all 0.2s, background 0s, border 0s; transition: all 0.2s, background 0s, border 0s;
position: relative;
z-index: 1;
.brand-company-meta { .brand-company-meta {
display: flex; display: flex;