Services: Show buttons in block mode on small screens

Signed-off-by: Michael Mayer <michael@photoprism.app>
photoprism · May 1, 2023 · c30423a · c30423a
1 parent 0e5d732
commit c30423a
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/frontend/src/page/settings/services.vue b/frontend/src/page/settings/services.vue
@@ -71,13 +71,15 @@
               @submit.prevent="add">
 
         <v-btn v-if="user.WebDAV" depressed color="secondary-light" class="action-webdav-dialog compact ml-0 my-2 mr-2"
+               :block="$vuetify.breakpoint.xsOnly"
                :disabled="isPublic || isDemo" @click.stop="webdavDialog">
           <translate>Connect via WebDAV</translate>
           <v-icon :right="!rtl" :left="rtl" dark>sync_alt</v-icon>
         </v-btn>
 
         <v-btn color="primary-button"
                class="white--text compact ml-0 my-2 mr-2"
+               :block="$vuetify.breakpoint.xsOnly"
                :disabled="isPublic || isDemo"
                depressed @click.stop="add">
           <translate>Connect</translate>