fix: text alignment in image dscr

AloisSeckar · Feb 24, 2024 · 945c2bc · 945c2bc
1 parent 2de4948
commit 945c2bc
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/components/item/Image.vue b/components/item/Image.vue
@@ -18,9 +18,11 @@
         </span>
       </div>
       <div class="box-content text-center">
-        <div v-if="item.dscr" class="mb-2 text-justify html-content" v-html="item.dscr" />
-        <div v-else class="text-justify mb-2 italic">
-          {{ $t('images.no-dscr') }}
+        <div class="text-left sm:text-justify">
+          <div v-if="item.dscr" class="mb-2 html-content" v-html="item.dscr" />
+          <div v-else class="mb-2 italic">
+            {{ $t('images.no-dscr') }}
+          </div>
         </div>
         <hr class="mb-2">
         <ItemImageNav :item="item" :editable="editable" />