krzysztof/landing_page
1
0
Fork 0
mirror of https://github.com/qdrant/landing_page.git synced 2026-10-05 19:08:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

card links fix (#1604)

Browse Source
This commit is contained in:
trean
2025-04-30 17:17:43 +02:00
committed by GitHub
parent ab089055ab
commit 2eb8d670ec
3 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
qdrant-landing/themes/qdrant-2024/assets/css/components/_card.scss
+4
View File
@@ -1,3 +1,5 @@
@use '../helpers/functions' as *;
.card { .card {
background-color: $neutral-98; background-color: $neutral-98;
padding: $spacer * 1.5; padding: $spacer * 1.5;
@@ -19,6 +21,8 @@
0 1px 2px 0 rgba(22, 30, 51, 0.1); 0 1px 2px 0 rgba(22, 30, 51, 0.1);
.link { .link {
$icon-width: pxToRem(20);
padding-right: calc($icon-width + 6px);
&:after { &:after {
animation: dash 0.3s ease-in-out forwards; animation: dash 0.3s ease-in-out forwards;
} }
qdrant-landing/themes/qdrant-2024/assets/css/partials/_qdrant-cloud-bento-cards.scss
+2 -2
View File
@@ -35,7 +35,7 @@
width: 100%; width: 100%;
} }
a { .link {
margin-top: pxToRem(12); margin-top: pxToRem(12);
} }
} }
@@ -76,7 +76,7 @@
flex-grow: 1; flex-grow: 1;
} }
a { .link {
margin-top: pxToRem(12); margin-top: pxToRem(12);
} }
} }
qdrant-landing/themes/qdrant-2024/layouts/partials/qdrant-cloud-bento-cards.html
+16 -8
View File
@@ -4,14 +4,22 @@
<div class="qdrant-cloud-bento-cards__cards row"> <div class="qdrant-cloud-bento-cards__cards row">
{{ range $index, $element := .Params.items }} {{ range $index, $element := .Params.items }}
<div class="col-12"> <div class="col-12">
<div class="card qdrant-cloud-bento-cards__card"> {{ if .link }}
<h5 class="qdrant-cloud-bento-cards__card-title">{{ .title }}</h5> <a href="{{ .link.url }}" class="card qdrant-cloud-bento-cards__card">
<p class="qdrant-cloud-bento-cards__card-description">{{ .description | safeHTML }}</p> <h5 class="qdrant-cloud-bento-cards__card-title">{{ .title }}</h5>
{{ if .link }} <p class="qdrant-cloud-bento-cards__card-description">{{ .description | safeHTML }}</p>
<a class="link link_md align-self-start" href="{{ .link.url }}">{{ .link.text }}</a> {{ if .link }}
{{ end }} <span class="link link_md align-self-start">{{ .link.text }}</span>
<img src="{{ .image.src }}" alt="{{ .image.alt }}" /> {{ end }}
</div> <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> </div>
{{ end }} {{ end }}
</div> </div>