fix styles on mobile
This commit is contained in:
parent
5fa39a29a4
commit
647e91091d
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 }}">
|
||||
|
|
Reference in New Issue