fix: responsivity - don't wrap links in square brackets

AloisSeckar · Feb 24, 2024 · fb47c36 · fb47c36
1 parent ee18c2a
commit fb47c36
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/components/item/Article.vue b/components/item/Article.vue
@@ -41,14 +41,14 @@
           <div class="html-content text-left sm:text-justify">
             <div v-if="detail" class="py-2" v-html="item.content" />
             <div v-else class="pt-1">
-              [ <NuxtLink :to="{ path: articlePath }">
+              [&nbsp;<NuxtLink :to="{ path: articlePath }">
                 {{ $t('articles.read') }}
-              </NuxtLink> ]
+              </NuxtLink>&nbsp;]
             </div>
             <div v-if="detail && item.elrhGallery" class="mt-2 pt-1 border-t-2">
-              [ <NuxtLink :to="{ path: '/gallery/' + item.elrhGallery.galleryId }">
+              [&nbsp;<NuxtLink :to="{ path: '/gallery/' + item.elrhGallery.galleryId }">
                 {{ $t('articles.gallery') }}
-              </NuxtLink> ]
+              </NuxtLink>&nbsp;]
             </div>
           </div>
         </div>

diff --git a/components/item/Gallery.vue b/components/item/Gallery.vue
@@ -25,8 +25,8 @@
           <span v-if="longDscr" v-html="item.dscr?.substring(0, 200) + '...'" />
           <span v-else v-html="item.dscr" />
           <span v-if="longDscr">
-            [ <NuxtLink v-if="longDscr" :to="{ path: '/gallery/' + item.galleryId }">
-              {{ $t('galleries.read-more') }}</NuxtLink> ]
+            [&nbsp;<NuxtLink v-if="longDscr" :to="{ path: '/gallery/' + item.galleryId }">
+              {{ $t('galleries.read-more') }}</NuxtLink>&nbsp;]
           </span>
         </div>
         <div>
@@ -45,9 +45,9 @@
             </div>
             <div v-if="(!detail && images > 5)" class="m-1 leading-6">
               <br>
-              [ <NuxtLink :to="{ path: '/gallery/' + item.galleryId }">
+              [&nbsp;<NuxtLink :to="{ path: '/gallery/' + item.galleryId }">
                 {{ $t('galleries.see-more') }}
-              </NuxtLink> ]
+              </NuxtLink>&nbsp;]
             </div>
           </div>
         </div>
@@ -60,8 +60,8 @@
             {{ $t('galleries.images-none') }}
           </span>
           <span v-if="!detail">
-            [ <NuxtLink :to="{ path: '/gallery/' + item.galleryId }">
-              {{ $t('galleries.images-view') }}</NuxtLink> ]
+            [&nbsp;<NuxtLink :to="{ path: '/gallery/' + item.galleryId }">
+              {{ $t('galleries.images-view') }}</NuxtLink>&nbsp;]
           </span>
         </div>
         <div v-if="detail">

diff --git a/pages/index.vue b/pages/index.vue
@@ -40,9 +40,9 @@
           <ItemNews :item="item" />
         </div>
         <div>
-          [ <NuxtLink to="/news">
+          [&nbsp;<NuxtLink to="/news">
             {{ $t('index.news-all') }}
-          </NuxtLink> ]
+          </NuxtLink>&nbsp;]
         </div>
       </div>
     </div>