do not display changing layout on small device, they are useless

LycheeOrg · Dec 30, 2024 · b9f9b31 · b9f9b31
1 parent 4276500
commit b9f9b31
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/resources/js/components/gallery/PhotoThumbPanelControl.vue b/resources/js/components/gallery/PhotoThumbPanelControl.vue
@@ -1,14 +1,14 @@
 <template>
-	<a class="px-1 cursor-pointer group inline-block h-8" @click="layout = 'square'" :title="$t('lychee.LAYOUT_SQUARES')">
+	<a class="px-1 cursor-pointer group hidden sm:inline-block h-8" @click="layout = 'square'" :title="$t('lychee.LAYOUT_SQUARES')">
 		<MiniIcon icon="squares" fill="fill-transparent" :class="squareClass" />
 	</a>
-	<a class="px-1 cursor-pointer group inline-block h-8" @click="layout = 'justified'" :title="$t('lychee.LAYOUT_JUSTIFIED')">
+	<a class="px-1 cursor-pointer group hidden sm:inline-block h-8" @click="layout = 'justified'" :title="$t('lychee.LAYOUT_JUSTIFIED')">
 		<MiniIcon icon="justified" fill="" :class="justifiedClass" />
 	</a>
-	<a class="px-1 cursor-pointer group inline-block h-8" @click="layout = 'masonry'" :title="$t('lychee.LAYOUT_MASONRY')">
+	<a class="px-1 cursor-pointer group hidden sm:inline-block h-8" @click="layout = 'masonry'" :title="$t('lychee.LAYOUT_MASONRY')">
 		<MiniIcon icon="masonry" fill="fill-transparent" :class="masonryClass" />
 	</a>
-	<a class="px-1 cursor-pointer group inline-block h-8" @click="layout = 'grid'" :title="$t('lychee.LAYOUT_GRID')">
+	<a class="px-1 cursor-pointer group hidden sm:inline-block h-8" @click="layout = 'grid'" :title="$t('lychee.LAYOUT_GRID')">
 		<MiniIcon icon="grid" fill="fill-transparent" :class="gridClass" />
 	</a>
 </template>