diff options
| author | citrons <citrons@mondecitronne.com> | 2025-06-16 21:25:15 -0500 |
|---|---|---|
| committer | ubq323 <ubq323@ubq323.website> | 2025-06-17 12:05:16 +0100 |
| commit | 021a17640c9e36292dddf0bac6cfd4ee8b8e66c5 (patch) | |
| tree | 43a63c0619409f3f94b24f6afc2c24251008baed | |
| parent | c839cb41730e8130b4282ac121d3daf7af08a5e6 (diff) | |
improve responsivity
the viewport scale is made a little smaller and padding is reduced when
the viewport size is smaller.
| -rw-r--r-- | apioforum/static/style.css | 10 | ||||
| -rw-r--r-- | apioforum/templates/base.html | 2 |
2 files changed, 10 insertions, 2 deletions
diff --git a/apioforum/static/style.css b/apioforum/static/style.css index f96c494..9650598 100644 --- a/apioforum/static/style.css +++ b/apioforum/static/style.css @@ -1,4 +1,10 @@ -body { font-family: sans-serif; word-wrap: break-word; } +body { + margin: 0; + padding: 8px; + font-family: sans-serif; + word-wrap: break-word; + min-width: 400px; +} :root { --alternating-colour-even: hsl(0, 0%, 96%); @@ -294,6 +300,8 @@ nav#pages .pageno { align-self: center; } /* small screens */ @media not all and (min-width: 600px) { + body { padding: 2px; } + .listing { padding: 4px; } .thread-listing-creation { font-size: small; } .thread-listing-creator { max-width: 75px; diff --git a/apioforum/templates/base.html b/apioforum/templates/base.html index ed0a195..974ac08 100644 --- a/apioforum/templates/base.html +++ b/apioforum/templates/base.html @@ -4,7 +4,7 @@ <html> <head> <title>{%block title %}{% endblock %}</title> - <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="viewport" content="width=device-width, initial-scale=0.9"> <link rel="stylesheet" href="/static/style.css"> <link rel="stylesheet" href="/static/md-colors.css"> <link rel="icon" href="//gh0.pw/i/a.ico"> |