TeaSanctuary/teasanctuary.ru
4
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

Блоги отображаются горизонтально для всех экранов, кроме самых маленьких

Browse source
This commit is contained in:
Иван Кузьменко 2025-09-29 06:31:34 +03:00
parent 7b8a82ebc0
commit 2610a4466b
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/routes/blog/+page.svelte
View file

@ -46,13 +46,13 @@
> >
{monthYear} {monthYear}
</h1> </h1>
<div class="flex flex-col flex-wrap items-stretch gap-4 md:flex-row md:justify-center"> <div class="flex flex-col flex-wrap items-stretch gap-4">
{#each postsInMonthYear as post, i} {#each postsInMonthYear as post, i}
<a <a
href="/blog/{post.slug}" href="/blog/{post.slug}"
class="flex flex-row justify-stretch overflow-hidden rounded-lg bg-slate-100 text-slate-950 drop-shadow-xl transition-all hover:drop-shadow-2xl md:flex-col md:justify-baseline" class="flex flex-col justify-baseline overflow-hidden rounded-lg bg-slate-100 text-slate-950 drop-shadow-xl transition-all hover:drop-shadow-2xl sm:flex-row sm:justify-stretch"
> >
<div class="relative h-auto w-full basis-1/3 md:h-48 md:basis-auto"> <div class="relative h-32 w-full basis-auto sm:h-auto sm:basis-1/3">
{#if post.thumbnail} {#if post.thumbnail}
<img <img
class="absolute h-full w-full object-cover" class="absolute h-full w-full object-cover"