diff --git a/app/assets/stylesheets/bubbles.css b/app/assets/stylesheets/bubbles.css index 99c98f92a..9d4fb84a8 100644 --- a/app/assets/stylesheets/bubbles.css +++ b/app/assets/stylesheets/bubbles.css @@ -57,7 +57,7 @@ .bubble__perma & { --bubble-border-width: 0.3rem; - --bubble-size: 100% !important; + --bubble-size: 40dvh !important; z-index: 1; } @@ -290,12 +290,6 @@ } } -.bubble__perma { - block-size: 100%; - max-block-size: 40dvh; - max-inline-size: 100%; -} - .bubble__tags { --row-gap: 0; diff --git a/app/assets/stylesheets/layout.css b/app/assets/stylesheets/layout.css index b30ba7172..b2d33064d 100644 --- a/app/assets/stylesheets/layout.css +++ b/app/assets/stylesheets/layout.css @@ -1,14 +1,13 @@ body { display: grid; - grid-template-rows: auto 1fr auto 10rem; + grid-template-rows: auto 1fr auto 6em; } :where(#main) { - container-type: inline-size; + container-type: normal; inline-size: 100vw; margin-inline: auto; max-inline-size: 100vw; - padding-block: 0 clamp(var(--block-space), 3cqmin, calc(var(--block-space) * 3)); padding-inline: clamp(var(--inline-space), 3cqmin, calc(var(--inline-space) * 3)); text-align: center;