feat: style

This commit is contained in:
FairyEver 2021-11-13 12:09:07 +08:00
parent 2ce0b96a75
commit 9c2b34d9e4
2 changed files with 6 additions and 8 deletions

View File

@ -5,15 +5,13 @@
</d2-scroll>
</div>
<d2-flex class="layout__header" :style="headerStyle" dir="left" box="justify">
<d2-flex class="header__column header__button-group">
<d2-flex class="header__button-group">
<d2-flex class="header__button header__button--icon" tag="button" center>
<d2-icon name="icon-park-outline:menu-unfold-one"/>
</d2-flex>
</d2-flex>
<div class="header__column">
<d2-admin-layout-header-aside-menu-header/>
</div>
<d2-flex class="header__column header__button-group" dir="right">
<d2-admin-layout-header-aside-menu-header/>
<d2-flex class="header__button-group" dir="right">
<d2-flex class="header__button header__button--text" tag="button" center>
<span class="mr-2">Hello Admin</span>
<a-avatar src="https://p3-passport.byteacctimg.com/img/user-avatar/e7130f55d45d06a8106c9dbd0e3f0c18~300x300.image"/>

View File

@ -20,9 +20,9 @@ html, body, #app {
@apply box-content absolute top-0 right-0 cursor-pointer select-none;
height: --var('header-height');
>.header__column {
&.header__button-group {
padding: 0 calc(#{--var('header-menu-margin-x')} / 2);
}
}
>.header__button-group {
padding: 0 calc(#{--var('header-menu-margin-x')} / 2);
>.header__button {
@apply transition-colors bg-transparent;
font-size: --var('font-size');