Skip to content

Commit 2ddf9e9

Browse files
committed
fix: display problem in sidebar mobile mode
1 parent 36161d6 commit 2ddf9e9

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

β€Žsrc/components/page/GlobalLayout.vue

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@
4747
</a-drawer>
4848
</template>
4949

50-
<a-layout :class="[layoutMode]" :style="{ paddingLeft: fixedSideMenu ? `${sidebarOpened ? 256 : 80}px` : '0' }">
50+
<a-layout :class="[layoutMode]" :style="{ paddingLeft: fixedSideMenu && device === 'desktop' ? `${sidebarOpened ? 256 : 80}px` : '0' }">
5151
<!-- layout header -->
5252
<global-header :mode="layoutMode" :theme="theme" :collapsed="collapsed" :device="device" @toggle="toggle"/>
5353

@@ -149,8 +149,14 @@
149149
overflow-y: auto;
150150
}
151151
}
152+
.sidemenu {
153+
.ant-header-fixedHeader {
152154
153-
155+
&.ant-header-side-opened, &.ant-header-side-closed {
156+
width: 100%
157+
}
158+
}
159+
}
154160
155161
}
156162

0 commit comments

Comments
Β (0)