OS2UOL-919: Modal link added to video condtition + styling

os2ulf · Nov 8, 2024 · e0b4d1e · e0b4d1e
1 parent e6e1b48
commit e0b4d1e
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/components/modals/TheModal.vue b/components/modals/TheModal.vue
@@ -66,12 +66,22 @@ onUnmounted(() => {
             v-html="modalContent?.video_overlay_text"
           ></div>
         </div>
+
+        <div v-if="modalContent?.field_video_url?.url">
+          <NuxtLink
+            :to="modalContent?.field_video_url?.url"
+            target="_blank"
+            class="the-modal__link"
+          >
+            {{ modalContent?.field_video_url?.url }}
+          </NuxtLink>
+        </div>
         <BaseButton
           v-if="modalContent?.field_video_url?.url"
           type="button"
           :button-data="{
             title: 'Se video',
-            url: modalContent?.field_video_url.url,
+            url: modalContent?.field_video_url?.url,
             target: '_blank',
           }"
           class="the-modal__button"
@@ -153,6 +163,16 @@ onUnmounted(() => {
     margin: 20px 0;
   }
 
+  &__link {
+    color: var(--color-text);
+    text-decoration: none;
+    transition: color 0.3s ease-in-out;
+
+    &:hover {
+      color: var(--color-primary);
+    }
+  }
+
   svg {
     font-size: 30px;
   }