fix style

This commit is contained in:
syuilo 2021-07-28 14:46:25 +09:00
parent 1bec25e8e6
commit 998936651a
2 changed files with 3 additions and 8 deletions

View file

@ -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;
} }

View file

@ -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>