diff options
| -rw-r--r-- | static/css/mobile.css | 39 | ||||
| -rw-r--r-- | static/css/standard.css | 3 |
2 files changed, 39 insertions, 3 deletions
diff --git a/static/css/mobile.css b/static/css/mobile.css index 364d400..7b73764 100644 --- a/static/css/mobile.css +++ b/static/css/mobile.css @@ -1,3 +1,40 @@ @media screen and (max-width: 700px) { - + body { + margin: 0; + min-height: 100vh; + width: 100vw; + } + #header { + justify-content: center; + } + #header #logo { + flex-grow: unset; + } + #content { + flex-direction: column; + align-items: center; + } + #content #lhs { + margin: 0 0.5rem 1rem; + font-size: 20pt; + } + #base-url { + font-size: 20pt; + } + #slug { + flex-grow: 1; + } + .form-element input, .form-element button { + font-size: 18pt; + } + #content #rhs { + margin: 1.5rem; + } + #content #rhs h3 { + font-size: 2em; + } + #content #rhs p { + font-size: 1.5em; + margin-bottom: 1rem; + } } diff --git a/static/css/standard.css b/static/css/standard.css index d7acfdc..90ab0ee 100644 --- a/static/css/standard.css +++ b/static/css/standard.css @@ -11,7 +11,7 @@ body { font-family: var(--cflems-ff-text-primary); color: #000000; background-image: - linear-gradient(to bottom, #fffffff0 10%, #ffffff90 50%, #ffffff50), + linear-gradient(to bottom, #fffffff0 10%, #ffffff90 50%, #ffffff70), url('https://cdn.cflems.net/fle.ms/lake.webp'); } #header { @@ -37,7 +37,6 @@ body { display: flex; flex-direction: row; align-items: flex-start; - height: 100%; } #content a { text-decoration: none; |