knova/admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Mobile UI for remote packs

Browse source
This commit is contained in:
Angelina Filippova 2020-02-20 23:29:28 +03:00
parent 8802fc3f4f
commit dbc5726e8c
3 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/lang/en.js
View file

@ -428,6 +428,7 @@ export default {
willBeUsable: 'It will then be usable and shareable from the current instance', willBeUsable: 'It will then be usable and shareable from the current instance',
downloadAsOptional: 'Download as (optional)', downloadAsOptional: 'Download as (optional)',
downloadSharedPack: 'Download shared pack to current instance', downloadSharedPack: 'Download shared pack to current instance',
downloadSharedPackMobile: 'Download pack to instance',
optional: 'optional', optional: 'optional',
uploadFile: 'Upload a file', uploadFile: 'Upload a file',
url: 'URL', url: 'URL',

12
src/views/emojiPacks/components/EmojiPack.vue
View file

@ -22,7 +22,7 @@
{{ pack.pack["fallback-src-sha256"] }} {{ pack.pack["fallback-src-sha256"] }}
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="pack-button-container"> <div v-if="isLocal" class="pack-button-container">
<div class="save-pack-button-container"> <div class="save-pack-button-container">
<el-button type="primary" class="save-pack-button" @click="savePackMetadata">{{ $t('emoji.saveMetadata') }}</el-button> <el-button type="primary" class="save-pack-button" @click="savePackMetadata">{{ $t('emoji.saveMetadata') }}</el-button>
<el-button class="delete-pack-button" @click="deletePack">{{ $t('emoji.deletePack') }}</el-button> <el-button class="delete-pack-button" @click="deletePack">{{ $t('emoji.deletePack') }}</el-button>
@ -93,7 +93,7 @@
<div class="download-shared-pack"> <div class="download-shared-pack">
<el-input v-model="downloadSharedAs" :placeholder=" $t('emoji.downloadAsOptional')"/> <el-input v-model="downloadSharedAs" :placeholder=" $t('emoji.downloadAsOptional')"/>
<el-button type="primary" class="download-shared-pack-button" @click="downloadFromInstance"> <el-button type="primary" class="download-shared-pack-button" @click="downloadFromInstance">
{{ $t('emoji.downloadSharedPack') }} {{ isDesktop ? $t('emoji.downloadSharedPack') : $t('emoji.downloadSharedPackMobile') }}
</el-button> </el-button>
</div> </div>
</el-collapse-item> </el-collapse-item>
@ -284,6 +284,14 @@ export default {
.download-pack-button-container { .download-pack-button-container {
width: 100%; width: 100%;
} }
.download-shared-pack {
flex-direction: column;
}
.download-shared-pack-button {
margin-left: 0;
margin-top: 10px;
padding: 10px;
}
.pack-button-container { .pack-button-container {
width: 100%; width: 100%;
margin: 0 0 22px 0; margin: 0 0 22px 0;

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

@ -12,7 +12,7 @@
</div> </div>
</div> </div>
<div v-if="!isLocal" class="emoji-container"> <div v-if="!isLocal" :class="isDesktop ? 'emoji-container-grid' : 'emoji-container-flex'">
<img <img
:src="addressOfEmojiInPack(remoteInstance, packName, file)" :src="addressOfEmojiInPack(remoteInstance, packName, file)"
class="emoji-preview-img"> class="emoji-preview-img">