mirrors/nginx-ui
1
0
Fork 0
mirror of https://github.com/0xJacky/nginx-ui.git synced 2025-05-11 10:25:52 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Optimized siderbar style

Browse source
This commit is contained in:
0xJacky 2022-08-17 11:45:27 +08:00
parent e37d1d8c25
commit 7155821366
No known key found for this signature in database
GPG key ID: B6E4A6E4A561BAF0
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/layouts/BaseLayout.vue
View file

@ -13,7 +13,6 @@ import gettext from '@/gettext'
const drawer_visible = ref(false)
const collapsed = ref(collapse())
const clientWidth = ref(getClientWidth())
addEventListener('resize', _.throttle(() => {
collapsed.value = collapse()
@ -42,7 +41,7 @@ const lang = computed(() => {
<template>
<a-config-provider :locale="lang">
<a-layout style="min-height: 100%;">
<template v-show="clientWidth.value<512">
<div class="drawer-sidebar">
<a-drawer
:closable="false"
v-model:visible="drawer_visible"
@ -52,7 +51,7 @@ const lang = computed(() => {
>
<side-bar/>
</a-drawer>
</template>
</div>
<a-layout-sider
v-model:collapsed="collapsed"
@ -91,6 +90,12 @@ const lang = computed(() => {
display: none;
}
}
.drawer-sidebar {
@media (min-width: 600px) {
display: none;
}
}
</style>
<style lang="less">