lisang
/
d2-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: style

This commit is contained in:
FairyEver 2021-11-11 10:38:14 +08:00
parent 92dc92cfb5
commit 054024aece
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
d2/components/d2/admin/layout/header-aside/index.vue
View File

@ -35,16 +35,16 @@
</d2-flex>
</d2-flex>
</d2-flex>
<d2-flex :class="`${classname}__aside`" :style="asideStyle" dir="top">
<d2-flex class="aside__header" grow="0" center>
<d2-flex :class="`${classname}__aside`" :style="asideStyle" dir="top" box="justify">
<d2-flex class="aside__header" center>
Hello World
</d2-flex>
<d2-flex class="aside__body" grow="1">
<d2-flex class="aside__body" block>
<d2-scroll class="aside__scroll">
<d2-admin-layout-header-aside-menu-aside/>
</d2-scroll>
</d2-flex>
<d2-flex class="aside__footer" grow="0" center>
<d2-flex class="aside__footer" center>
footer
</d2-flex>
</d2-flex>

1
d2/style/scrollbar/thin-dark.css
View File

@ -46,6 +46,7 @@ os-theme-thin-dark
width: 2px;
left: 50%;
margin-left: -1px;
border-radius: 10px;
}
.os-theme-thin-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
content: '';

1
d2/style/scrollbar/thin-light.css
View File

@ -46,6 +46,7 @@ os-theme-thin-light
width: 2px;
left: 50%;
margin-left: -1px;
border-radius: 10px;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
content: '';

5
d2/style/themes/default/src/layout/header-aside.scss
View File

@ -58,9 +58,10 @@ $classname: '#{$namespace}-layout-header-aside';
@apply box-content absolute top-0 bottom-0 left-0 bg-gray-100 border-r border-gray-200 cursor-pointer select-none;
>.aside__header {
@apply box-content bg-white border-b border-gray-200;
height: --var('header-height');
min-height: --var('header-height');
}
>.aside__body {
@apply relative;
>.aside__scroll {
@apply w-full h-full;
}
@ -74,6 +75,6 @@ $classname: '#{$namespace}-layout-header-aside';
}
>.aside__footer {
@apply box-content border-t border-gray-200;
height: --var('header-height');
min-height: --var('header-height');
}
}