michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix grid on blog preview

Browse Source
This commit is contained in:
Michal Vanko 2024-09-05 21:31:09 +02:00
parent 0a72d5a203
commit 20836cd502
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
axum_server/styles/output.css
View File

@ -724,6 +724,14 @@ video {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
} }
.grid-cols-\[min-content_1fr\] {
grid-template-columns: min-content 1fr;
}
.grid-cols-\[max-content_1fr\] {
grid-template-columns: max-content 1fr;
}
.flex-row { .flex-row {
flex-direction: row; flex-direction: row;
} }

2
axum_server/templates/components/blog_post_preview.html
View File

@ -1,4 +1,4 @@
<article class="grid grid-cols-[1fr_2fr] grid-flow-col gap-4"> <article class="grid grid-cols-[max-content_1fr] grid-flow-col gap-4">
<aside class="row-span-3"> <aside class="row-span-3">
{% match post.metadata.thumbnail %} {% match post.metadata.thumbnail %}
{% when Some with (orig_path) %} {% when Some with (orig_path) %}