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

style(header): use sticky replace fixed

Browse source
This commit is contained in:
0xJacky 2023-05-05 14:35:21 +08:00
parent 716858ebdc
commit 9eab625ee5
No known key found for this signature in database
GPG key ID: B6E4A6E4A561BAF0
2 changed files with 3 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -64,7 +64,7 @@ const lang = computed(() => {
</a-layout-sider>
<a-layout>
<a-layout-header :style="{position: 'fixed', zIndex: 10, width:'100%'}">
<a-layout-header :style="{position: 'sticky', top: '0', zIndex: 10, width:'100%'}">
<header-layout @clickUnFold="drawer_visible=true"/>
</a-layout-header>
@ -104,9 +104,6 @@ const lang = computed(() => {
<style lang="less">
.layout-sider .sidebar {
//position: fixed;
//width: 200px;
ul.ant-menu-inline.ant-menu-root {
height: calc(100vh - 120px);
overflow-y: auto;
@ -237,7 +234,6 @@ body {
}
.ant-layout-content {
margin: 64px 0;
min-height: auto;
.router-view {

5
frontend/src/layouts/HeaderLayout.vue
View file

@ -49,7 +49,6 @@ function logout() {
padding: 0 20px 0 0;
background: transparent;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
position: fixed;
width: 100%;
a {
@ -68,7 +67,7 @@ function logout() {
}
.tool {
position: fixed;
position: absolute;
left: 20px;
@media (min-width: 600px) {
display: none;
@ -76,7 +75,7 @@ function logout() {
}
.user-wrapper {
position: fixed;
position: absolute;
right: 28px;
}