links

apps/frontend/src/i18n/locales/en.ts

@@ -145,6 +145,7 @@ export default {
     loading: 'Loading...',
     play: '▶ Play',
     downloads: 'downloads',
+    links: 'Links',
   },
   team: {
     title: 'Our Team',

apps/frontend/src/i18n/locales/hu.ts

@@ -145,6 +145,7 @@ export default {
     loading: 'Betöltés...',
     play: '▶ Játék',
     downloads: 'letöltés',
+    links: 'Linkek',
   },
   team: {
     title: 'Csapatunk',

apps/frontend/src/page/catalog/CatalogShowPage.vue

@@ -63,11 +63,11 @@
                 <dt class="text-xs font-bold text-gray-400 uppercase tracking-widest mb-1">{{ t('catalogShow.license') }}</dt>
                 <dd class="text-gray-900 font-medium">{{ software.license }}</dd>
               </div>
-              <div v-for="link in software.externalLinks" :key="link.url">
-                <dt class="text-xs font-bold text-gray-400 uppercase tracking-widest mb-1">{{ link.label }}</dt>
-                <dd>
-                  <a :href="link.url" target="_blank" class="text-purple-600 hover:text-purple-800 font-bold break-all">
-                    {{ link.url }} ↗
+              <div v-if="software.externalLinks?.length">
+                <dt class="text-xs font-bold text-gray-400 uppercase tracking-widest mb-1">{{ t('catalogShow.links') }}</dt>
+                <dd class="flex flex-col gap-1.5">
+                  <a v-for="link in software.externalLinks" :key="link.url" :href="link.url" target="_blank" class="text-purple-600 hover:text-purple-800 font-bold inline-flex items-center gap-1">
+                    {{ link.label }} <span class="text-xs">↗</span>
                   </a>
                 </dd>
               </div>