| author |  SayaAndy <saya.andy@posteo.com>
| 2025-10-15 02:43:04 +0700 |
|---|---|---|
| committer | SayaAndy <saya.andy@posteo.com>
| 2025-10-15 02:43:04 +0700 |
| commit | 454e2f3cd84b6c0b02a0c2936a574d3d9c35c5a1 (patch) | |
| tree | c05bfb6efdce821d69a0d676dc2e3244a646746a /views/partials/catalogue-blog-cards.html | |
| parent | e372d8ad15ca9026fffb9248991e3df48c72b5f6 (diff) | |
| download | web-454e2f3cd84b6c0b02a0c2936a574d3d9c35c5a1.tar.gz web-454e2f3cd84b6c0b02a0c2936a574d3d9c35c5a1.zip | |
feat: start switching to absolute length units in design
Diffstat (limited to 'views/partials/catalogue-blog-cards.html')
| -rw-r--r-- | views/partials/catalogue-blog-cards.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/views/partials/catalogue-blog-cards.html b/views/partials/catalogue-blog-cards.html index 37b3f57..f96e0f1 100644 --- a/views/partials/catalogue-blog-cards.html +++ b/views/partials/catalogue-blog-cards.html @@ -1,25 +1,25 @@ {{- range .BlogPages }} -<hr class="first-of-type:hidden border-t-[0.3vh] my-[0.8vmin] border-dotted border-main-dark w-[80%] mx-auto"> -<div class="m-[0.4vmin] flex flex-row justify-center justify-items-center"> - <img onclick="changeUrl('{{ .ArticleLink }}');" class="cursor-pointer object-cover rounded-[10%] select-none w-[10vmin] h-[10vmin] aspect-square my-[0.4vmin] mr-[0.8vmin]" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/{{ .Thumbnail }}.webp"> - <div class="grow my-[0.4vmin] mx-[0.8vmin] flex flex-col justify-center"> +<hr class="first-of-type:hidden border-t-[0.3vh] my-2 border-dotted border-main-dark w-[80%] mx-auto"> +<div class="m-1 flex flex-row justify-center justify-items-center"> + <img onclick="changeUrl('{{ .ArticleLink }}');" class="cursor-pointer object-cover rounded-[10%] select-none w-20 h-20 aspect-square my-1 mr-2" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/{{ .Thumbnail }}.webp"> + <div class="grow my-1 mx-2 flex flex-col justify-center"> <div class="flex flex-row gap-[5%] max-w-[100%]"> - <a onclick="changeUrl('{{ .ArticleLink }}');" class="flex-9/12 grow-0 block text-[1vmax] cursor-pointer"> + <a onclick="changeUrl('{{ .ArticleLink }}');" class="flex-9/12 grow-0 block text-base cursor-pointer"> <span class="font-extrabold">{{ .Title }}</span> <span class="font-extrabold select-none text-secondary">//</span> <span class="italic text-secondary">{{ .ActionDate }}</span> </a> - <p class="flex-3/12 grow-0 text-[1vmax] italic text-secondary text-right">{{ .PublishedTime }}</p> + <p class="flex-3/12 grow-0 text-base italic text-secondary text-right">{{ .PublishedTime }}</p> </div> - <p class="text-[1vmax] text-main-dark">{{ .ShortDescription }}</p> - <p class="text-[1vmax] text-secondary italic"> - <i class="fas fa-thumbs-up w-[1vmax] h-[1vmax]"></i> + <p class="text-base text-main-dark">{{ .ShortDescription }}</p> + <p class="text-base text-secondary italic"> + <i class="fas fa-thumbs-up w-4 h-4"></i> <span>{{ .LikeCount }}</span> <span class="font-extrabold select-none">//</span> - <i class="fas fa-eye w-[1vmax] h-[1vmax]"></i> + <i class="fas fa-eye w-4 h-4"></i> <span>{{ .ViewCount }}</span> </p> - <p class="text-[1vmax] text-secondary">{{ $.L.TagsLabel }} {{ template "catalogue-blog-card-tags.html" . }}</p> + <p class="text-base text-secondary">{{ $.L.TagsLabel }} {{ template "catalogue-blog-card-tags.html" . }}</p> </div> </div> {{- end }}
\ No newline at end of file |