From 2eb8d670ec30b4286f653c7662e439c7bf98b546 Mon Sep 17 00:00:00 2001
From: trean <trean.mi@gmail.com>
Date: Wed, 30 Apr 2025 17:17:43 +0200
Subject: [PATCH] card links fix (#1604)

---
 .../assets/css/components/_card.scss          |  4 ++++
 .../partials/_qdrant-cloud-bento-cards.scss   |  4 ++--
 .../partials/qdrant-cloud-bento-cards.html    | 24 ++++++++++++-------
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/components/_card.scss b/qdrant-landing/themes/qdrant-2024/assets/css/components/_card.scss
index 626553a8c..ef07e106a 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/components/_card.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/components/_card.scss
@@ -1,3 +1,5 @@
+@use '../helpers/functions' as *;
+
 .card {
   background-color: $neutral-98;
   padding: $spacer * 1.5;
@@ -19,6 +21,8 @@
       0 1px 2px 0 rgba(22, 30, 51, 0.1);
 
     .link {
+      $icon-width: pxToRem(20);
+      padding-right: calc($icon-width + 6px);
       &:after {
         animation: dash 0.3s ease-in-out forwards;
       }
diff --git a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-cloud-bento-cards.scss b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-cloud-bento-cards.scss
index cb98d02bd..cb8bfbfc6 100644
--- a/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-cloud-bento-cards.scss
+++ b/qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-cloud-bento-cards.scss
@@ -35,7 +35,7 @@
       width: 100%;
     }
 
-    a {
+    .link {
       margin-top: pxToRem(12);
     }
   }
@@ -76,7 +76,7 @@
         flex-grow: 1;
       }
 
-      a {
+      .link {
         margin-top: pxToRem(12);
       }
     }
diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/qdrant-cloud-bento-cards.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/qdrant-cloud-bento-cards.html
index f64972a56..7d38007f5 100644
--- a/qdrant-landing/themes/qdrant-2024/layouts/partials/qdrant-cloud-bento-cards.html
+++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/qdrant-cloud-bento-cards.html
@@ -4,14 +4,22 @@
       <div class="qdrant-cloud-bento-cards__cards row">
         {{ range $index, $element := .Params.items }}
           <div class="col-12">
-            <div class="card qdrant-cloud-bento-cards__card">
-              <h5 class="qdrant-cloud-bento-cards__card-title">{{ .title }}</h5>
-              <p class="qdrant-cloud-bento-cards__card-description">{{ .description | safeHTML }}</p>
-              {{ if .link }}
-                <a class="link link_md align-self-start" href="{{ .link.url }}">{{ .link.text }}</a>
-              {{ end }}
-              <img src="{{ .image.src }}" alt="{{ .image.alt }}" />
-            </div>
+            {{ if .link }}
+              <a href="{{ .link.url }}" class="card qdrant-cloud-bento-cards__card">
+                <h5 class="qdrant-cloud-bento-cards__card-title">{{ .title }}</h5>
+                <p class="qdrant-cloud-bento-cards__card-description">{{ .description | safeHTML }}</p>
+                {{ if .link }}
+                  <span class="link link_md align-self-start">{{ .link.text }}</span>
+                {{ end }}
+                <img src="{{ .image.src }}" alt="{{ .image.alt }}" />
+              </a>
+            {{ else }}
+              <div class="card qdrant-cloud-bento-cards__card">
+                <h5 class="qdrant-cloud-bento-cards__card-title">{{ .title }}</h5>
+                <p class="qdrant-cloud-bento-cards__card-description">{{ .description | safeHTML }}</p>
+                <img src="{{ .image.src }}" alt="{{ .image.alt }}" />
+              </div>
+            {{ end }}
           </div>
         {{ end }}
       </div>