fix style
This commit is contained in:
parent
1bec25e8e6
commit
998936651a
2 changed files with 3 additions and 8 deletions
|
@ -64,7 +64,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<button class="_button item search" @click="search" v-tooltip="$ts.search">
|
<button class="_button item search" @click="search" v-tooltip="$ts.search">
|
||||||
<i class="fas fa-search"></i>
|
<i class="fas fa-search icon"></i>
|
||||||
</button>
|
</button>
|
||||||
<MkA class="item" to="/settings" v-tooltip="$ts.settings"><i class="fas fa-cog icon"></i></MkA>
|
<MkA class="item" to="/settings" v-tooltip="$ts.settings"><i class="fas fa-cog icon"></i></MkA>
|
||||||
</div>
|
</div>
|
||||||
|
@ -373,7 +373,7 @@ export default defineComponent({
|
||||||
|
|
||||||
> .left, > .right {
|
> .left, > .right {
|
||||||
> .item, > .menu {
|
> .item, > .menu {
|
||||||
display: inline-block;
|
display: inline-flex;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
height: ($header-height - ($padding * 2));
|
height: ($header-height - ($padding * 2));
|
||||||
width: ($header-height - ($padding * 2));
|
width: ($header-height - ($padding * 2));
|
||||||
|
@ -387,11 +387,6 @@ export default defineComponent({
|
||||||
}
|
}
|
||||||
|
|
||||||
> .icon {
|
> .icon {
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<XHeader class="title" :info="pageInfo" :with-back="false" :center="false"/>
|
<XHeader class="title" :info="pageInfo" :with-back="false" :center="false"/>
|
||||||
<button class="_button" @click="close()"><i class="fas fa-times"></i></button>
|
<button class="_button" @click="close()"><i class="fas fa-times"></i></button>
|
||||||
</header>
|
</header>
|
||||||
<component :is="component" v-bind="props" :ref="changePage"/>
|
<component :is="component" v-bind="props" :ref="changePage" class="_flat_"/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue