feat: style
This commit is contained in:
parent
2ce0b96a75
commit
9c2b34d9e4
|
|
@ -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"/>
|
||||
|
|
|
|||
|
|
@ -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');
|
||||
|
|
|
|||
Loading…
Reference in New Issue