From 4d6459b02725d7d394ddfef21616793048be2fc9 Mon Sep 17 00:00:00 2001
From: sebousan <sebousan@gmail.com>
Date: Tue, 18 Jun 2024 10:48:54 +0200
Subject: [PATCH] add media size

---
 assets/sass/components/_doc.sass      |  2 +-
 config.yml                            |  6 +++---
 layouts/partials/docs/item/media.html | 10 ++++++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/assets/sass/components/_doc.sass b/assets/sass/components/_doc.sass
index cb72e4e..ce152bf 100644
--- a/assets/sass/components/_doc.sass
+++ b/assets/sass/components/_doc.sass
@@ -6,10 +6,10 @@
     &:hover
         --bs-card-bg: #{$gray-200}
     .media
+        --bs-aspect-ratio: 100%
         background-color: $gray-100
         border: var(--bs-card-border-width) solid var(--bs-card-border-color)
         border-radius: var(--bs-card-border-radius)
-        height: 2.5rem
         margin-left: var(--bs-card-spacer-x)
         margin-top: var(--bs-card-spacer-y)
         width: 2.5rem
diff --git a/config.yml b/config.yml
index a14f66e..e07cdee 100644
--- a/config.yml
+++ b/config.yml
@@ -13,7 +13,7 @@ module:
 params:
   docs:
     thumbnail:
-      desktop: '50x50'
+      desktop: '38x38'
       desktop_large: '100x100'
-      mobile: '50x50'
-      scrollsnap: '50x50'
+      mobile: '38x38'
+      scrollsnap: '38x38'
diff --git a/layouts/partials/docs/item/media.html b/layouts/partials/docs/item/media.html
index 2110040..45b667b 100644
--- a/layouts/partials/docs/item/media.html
+++ b/layouts/partials/docs/item/media.html
@@ -1,5 +1,11 @@
-{{ $desktop := site.Params.thumbnail.desktop | default false }}
-{{ $mobile := site.Params.thumbnail.mobile | default false }}
+{{- $desktop := site.Params.docs.thumbnail.desktop | default false -}}
+{{- $mobile := site.Params.docs.thumbnail.mobile | default false -}}
+{{- if .Scratch.Get "large" -}}
+  {{- $desktop = site.Params.docs.thumbnail.desktop_large | default $desktop -}}
+{{- end -}}
+{{- if .Scratch.Get "scrollsnap" -}}
+  {{- $mobile = site.Params.docs.thumbnail.scrollsnap | default false -}}
+{{- end -}}
 <div class="media">
   {{ with .Params.image }}
     {{ partial "commons/image.html" (dict