beenull/photoprism
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Albums: Reduce tile size on large screens

Browse source
This commit is contained in:
Michael Mayer 2021-01-04 11:17:18 +01:00
parent fe5905d016
commit b5a439447f
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/pages/albums.vue
View file

@ -4,14 +4,14 @@
<v-form ref="form" class="p-albums-search" lazy-validation dense @submit.prevent="updateQuery">
<v-toolbar flat color="secondary" :dense="$vuetify.breakpoint.smAndDown">
<v-text-field single-line
<v-text-field id="search"
v-model="filter.q"
single-line
class="hidden-xs-only mr-3"
:label="$gettext('Search')"
browser-autocomplete="off"
prepend-inner-icon="search"
v-model="filter.q"
clearable
id="search"
color="secondary-dark"
@keyup.enter.native="updateQuery"
@click:clear="clearQuery"
@ -83,7 +83,7 @@
:key="index"
:data-uid="album.UID"
class="p-album"
xs6 sm4 lg3 xl2 d-flex
xs6 sm4 md3 lg2 xl1 d-flex
>
<v-hover>
<v-card slot-scope="{ hover }" tile
@ -193,11 +193,11 @@
</v-layout>
</v-container>
</v-container>
<p-share-dialog :show="dialog.share" :model="album" @upload="webdavUpload"
<p-share-dialog :show="dialog.share" :model="model" @upload="webdavUpload"
@close="dialog.share = false"></p-share-dialog>
<p-share-upload-dialog :show="dialog.upload" :selection="selection" @cancel="dialog.upload = false"
@confirm="dialog.upload = false"></p-share-upload-dialog>
<p-album-edit-dialog :show="dialog.edit" :album="album" @close="dialog.edit = false"></p-album-edit-dialog>
<p-album-edit-dialog :show="dialog.edit" :album="model" @close="dialog.edit = false"></p-album-edit-dialog>
</div>
</template>
@ -259,7 +259,7 @@ export default {
upload: false,
edit: false,
},
album: new Album(),
model: new Album(),
};
},
computed: {
@ -301,11 +301,11 @@ export default {
},
methods: {
share(album) {
this.album = album;
this.model = album;
this.dialog.share = true;
},
edit(album) {
this.album = album;
this.model = album;
this.dialog.edit = true;
},
webdavUpload() {

2
frontend/src/share/albums.vue
View file

@ -34,7 +34,7 @@
:key="index"
:data-uid="album.UID"
class="p-album"
xs6 sm4 lg3 xl2 d-flex
xs6 sm4 md3 lg2 xl12 d-flex
>
<v-hover>
<v-card slot-scope="{ hover }" tile