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

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

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