forked from AkkomaGang/admin-fe
Fix styles for listing remote emoji
This commit is contained in:
parent
8abf2758e1
commit
8f183d07b6
|
@ -18,9 +18,9 @@
|
||||||
class="emoji-preview-img">
|
class="emoji-preview-img">
|
||||||
<el-input :value="emojiName" :placeholder="$t('emoji.shortcode')" class="emoji-info"/>
|
<el-input :value="emojiName" :placeholder="$t('emoji.shortcode')" class="emoji-info"/>
|
||||||
<el-input :value="emojiFile" :placeholder="$t('emoji.file')" class="emoji-info"/>
|
<el-input :value="emojiFile" :placeholder="$t('emoji.file')" class="emoji-info"/>
|
||||||
<el-popover v-model="copyPopoverVisible" placement="left-start" popper-class="copy-popover">
|
<el-popover v-model="copyPopoverVisible" placement="left-start" popper-class="copy-popover" class="copy-pack-container">
|
||||||
<p>{{ $t('emoji.selectLocalPack') }}</p>
|
<p>{{ $t('emoji.selectLocalPack') }}</p>
|
||||||
<el-select v-model="copyToLocalPackName" :placeholder="$t('emoji.localPack')">
|
<el-select v-model="copyToLocalPackName" :placeholder="$t('emoji.localPack')" class="copy-pack-select">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="(_pack, name) in localPacks"
|
v-for="(_pack, name) in localPacks"
|
||||||
:key="name"
|
:key="name"
|
||||||
|
@ -34,7 +34,6 @@
|
||||||
<el-button
|
<el-button
|
||||||
:disabled="!copyToLocalPackName"
|
:disabled="!copyToLocalPackName"
|
||||||
type="primary"
|
type="primary"
|
||||||
class="copy-to-local-button"
|
|
||||||
@click="copyToLocal">{{ $t('emoji.copy') }}</el-button>
|
@click="copyToLocal">{{ $t('emoji.copy') }}</el-button>
|
||||||
<el-button slot="reference" type="primary" class="emoji-button">{{ $t('emoji.copyToLocalPack') }}</el-button>
|
<el-button slot="reference" type="primary" class="emoji-button">{{ $t('emoji.copyToLocalPack') }}</el-button>
|
||||||
</el-popover>
|
</el-popover>
|
||||||
|
@ -175,8 +174,10 @@ export default {
|
||||||
.emoji-info {
|
.emoji-info {
|
||||||
place-self: center;
|
place-self: center;
|
||||||
}
|
}
|
||||||
.copy-to-local-button {
|
.copy-pack-container {
|
||||||
margin-top: 12px;
|
place-self: center stretch;
|
||||||
float: right;
|
}
|
||||||
|
.copy-pack-select {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue