sam/admin-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix styles for listing remote emoji

Browse source
This commit is contained in:
Angelina Filippova 2020-02-19 20:36:50 +03:00
parent 8abf2758e1
commit 8f183d07b6
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/views/emojiPacks/components/SingleEmojiEditor.vue
View file

@ -18,9 +18,9 @@
class="emoji-preview-img">
<el-input :value="emojiName" :placeholder="$t('emoji.shortcode')" 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>
<el-select v-model="copyToLocalPackName" :placeholder="$t('emoji.localPack')">
<el-select v-model="copyToLocalPackName" :placeholder="$t('emoji.localPack')" class="copy-pack-select">
<el-option
v-for="(_pack, name) in localPacks"
:key="name"
@ -34,7 +34,6 @@
<el-button
:disabled="!copyToLocalPackName"
type="primary"
class="copy-to-local-button"
@click="copyToLocal">{{ $t('emoji.copy') }}</el-button>
<el-button slot="reference" type="primary" class="emoji-button">{{ $t('emoji.copyToLocalPack') }}</el-button>
</el-popover>
@ -175,8 +174,10 @@ export default {
.emoji-info {
place-self: center;
}
.copy-to-local-button {
margin-top: 12px;
float: right;
.copy-pack-container {
place-self: center stretch;
}
.copy-pack-select {
width: 100%;
}
</style>