Fix hero header alignment & wrapping on narrow screens

This commit is contained in:
Talia 2025-09-01 19:36:01 +02:00
parent ccf09b4fac
commit c00e43b0d3
Signed by: darkwiiplayer
GPG key ID: 7808674088232B3E
2 changed files with 4 additions and 3 deletions

View file

@ -1,5 +1,5 @@
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@74e5799/all.css') layer(framework); @import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@125744e/all.css') layer(framework);
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@74e5799/drop-in.css') layer(framework); @import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@125744e/drop-in.css') layer(framework);
blog-post[hidden] { blog-post[hidden] {
display: none; display: none;

View file

@ -35,7 +35,8 @@ if src := post.head.cover_image
* img :src, style: 'opacity: .4', class: "parallax" * img :src, style: 'opacity: .4', class: "parallax"
* flexColumn * flexColumn
* class: "parallax" * class: "parallax"
* h1(post.head.title, style: "view-transition-name: #{post.head.slug}") * hgroup
* h1(post.head.title, style: "view-transition-name: #{post.head.slug}")
slots.head slots.head
* meta property: "og:image", content: src * meta property: "og:image", content: src
else else