go-pkg/wireguard-dashboard-admin
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

style: 调整header样式

Browse Source
This commit is contained in:
张传龙 2022-03-20 14:45:36 +08:00
parent f296490569
commit f62f59720d
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/components/header/index.vue
View File

@ -12,7 +12,7 @@ import HeaderAction from './HeaderAction.vue'
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .header {
padding: 0 35px; padding: 0 24px;
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

15
src/layout/index.vue
View File

@ -11,13 +11,13 @@ import AppMain from './components/AppMain.vue'
<side-menu /> <side-menu />
</n-layout-sider> </n-layout-sider>
<n-layout> <n-layout>
<n-layout-header style="height: 100px; background-color: #f5f6fb"> <n-layout-header>
<app-header /> <app-header />
</n-layout-header> </n-layout-header>
<n-layout <n-layout
position="absolute" position="absolute"
content-style="padding: 0 35px 35px;height: 100%;" content-style="height: 100%;"
style="top: 100px; background-color: #f5f6fb" style="top: 60px; background-color: #f5f6fb"
:native-scrollbar="false" :native-scrollbar="false"
> >
<app-main /> <app-main />
@ -26,3 +26,12 @@ import AppMain from './components/AppMain.vue'
</n-layout> </n-layout>
</div> </div>
</template> </template>
<style lang="scss" scoped>
.n-layout-header {
height: 60px;
background-color: #fff;
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
</style>