From e0b4d1e4ede6943148b8d4691378ffac56c9cd5c Mon Sep 17 00:00:00 2001
From: tutaru99 <simas.raudonis@gmail.com>
Date: Fri, 8 Nov 2024 11:17:20 +0100
Subject: [PATCH] OS2UOL-919: Modal link added to video condtition + styling

---
 components/modals/TheModal.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/components/modals/TheModal.vue b/components/modals/TheModal.vue
index c585eb7..dd87a18 100644
--- 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;
   }