REFINE Enhancing post-card layout with grid display for thumbnail and improved styling
This commit is contained in:
parent
0441b323c7
commit
5dbe91ab1f
|
|
@ -5,6 +5,18 @@
|
||||||
}
|
}
|
||||||
.card__details {
|
.card__details {
|
||||||
@apply flex flex-col gap-3;
|
@apply flex flex-col gap-3;
|
||||||
|
|
||||||
|
&:has(.card__thumbnail) {
|
||||||
|
@apply grid gap-6;
|
||||||
|
grid-template-columns: 3fr 1fr;
|
||||||
|
}
|
||||||
|
.card__thumbnail {
|
||||||
|
@apply bg-white border border-solid border-primary p-2;
|
||||||
|
img {
|
||||||
|
aspect-ratio: 4/5;
|
||||||
|
@apply w-full h-auto bg-green-400 object-cover;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
time.date {
|
time.date {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user