deadcxap/inpx-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Улучшение ui на мобильных устройствах

Browse Source
This commit is contained in:
Book Pauk
2023-01-24 15:23:59 +07:00
parent 5a5ea147b1
commit 7ef1520756
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/components/Search/BookInfoDialog/BookInfoDialog.vue
View File

@@ -18,7 +18,7 @@
<div class="row q-mt-sm no-wrap"> <div class="row q-mt-sm no-wrap">
<div class="poster-size"> <div class="poster-size">
<div class="poster-size column justify-center items-center" :class="{poster: coverSrc}" @click.stop.prevent="posterClick"> <div class="column justify-center items-center" :class="{'poster': coverSrc, 'no-poster': !coverSrc}" @click.stop.prevent="posterClick">
<img v-if="coverSrc" :src="coverSrc" class="fit row justify-center items-center" style="object-fit: contain" @error="coverSrc = ''" /> <img v-if="coverSrc" :src="coverSrc" class="fit row justify-center items-center" style="object-fit: contain" @error="coverSrc = ''" />
<div v-if="!coverSrc" class="fit row justify-center items-center text-grey-5" style="border: 1px solid #ccc; font-size: 300%"> <div v-if="!coverSrc" class="fit row justify-center items-center text-grey-5" style="border: 1px solid #ccc; font-size: 300%">
<i>{{ book.ext }}</i> <i>{{ book.ext }}</i>
@@ -317,7 +317,7 @@ export default vueComponent(BookInfoDialog);
min-width: 100px; min-width: 100px;
} }
.poster { .poster, .no-poster {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }