fix styles on mobile

This commit is contained in:
Dym Sohin 2024-02-24 16:31:53 +01:00
parent 5fa39a29a4
commit 647e91091d
2 changed files with 24 additions and 2 deletions

24
assets/dist/base.css vendored
View File

@ -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;
}
}

View File

@ -22,7 +22,7 @@
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width">
<meta name="robots" content="{{ if .robotsMeta }}{{ .robotsMeta }}{{ else }}noindex, nofollow{{ end }}">
{{ if .ogMeta }}{{ if .ogMeta.Locale }}
<meta name="og:locale" content="{{ .ogMeta.Locale }}">