From 647e91091d00e2e5f9a401e5051272ad8ba01a81 Mon Sep 17 00:00:00 2001 From: Dym Sohin Date: Sat, 24 Feb 2024 16:31:53 +0100 Subject: [PATCH] fix styles on mobile --- assets/dist/base.css | 24 +++++++++++++++++++++++- template/header.tmpl | 2 +- 2 files changed, 24 insertions(+), 2 deletions(-) diff --git a/assets/dist/base.css b/assets/dist/base.css index 068d2b6..a1587d6 100644 --- a/assets/dist/base.css +++ b/assets/dist/base.css @@ -209,6 +209,7 @@ body { padding: 0 1rem; margin: 0 auto; min-height: 100vh; + min-width: 22rem; max-width: 60rem; line-height: 1.5em; display: flex; @@ -838,9 +839,30 @@ ul li::before { grid-row: 1 / span 2; } -@media screen and (max-width: 30rem) { +@media (max-width: 810px) { + .profile { + flex-direction: column; + } +} + +@media (max-width: 30rem) { .domain-blocklist .entry { grid-template-columns: 1fr; gap: 0; } + + body { + padding: 0; + } + .profile .header { + width: 100% !important; + } + .profile > *, + .profile .header > *, + .profile .toots .toot { + border-radius: 0 !important; + } + .backnextlinks { + padding: 0 1rem; + } } diff --git a/template/header.tmpl b/template/header.tmpl index 2d18ebc..817427a 100644 --- a/template/header.tmpl +++ b/template/header.tmpl @@ -22,7 +22,7 @@ - + {{ if .ogMeta }}{{ if .ogMeta.Locale }}