diff options
Diffstat (limited to 'web/source/css')
| -rw-r--r-- | web/source/css/index.css | 21 | ||||
| -rw-r--r-- | web/source/css/page.css | 13 |
2 files changed, 27 insertions, 7 deletions
diff --git a/web/source/css/index.css b/web/source/css/index.css index c2090f6d2..b7145b7d9 100644 --- a/web/source/css/index.css +++ b/web/source/css/index.css @@ -18,12 +18,23 @@ */ /* - Render instance title a - bit bigger on index page. + Render instance title + image + a bit bigger on index page. + + Overrides the css from page.css. */ -.page-header a h1 { - font-size: 2rem; - line-height: 2rem; +.page-header { + & > a { + & > h1 { + font-size: 2rem; + line-height: 2rem; + } + + & > img { + align-self: center; + max-height: 6rem; + } + } } /* diff --git a/web/source/css/page.css b/web/source/css/page.css index ae7ee1843..cc1d4efe3 100644 --- a/web/source/css/page.css +++ b/web/source/css/page.css @@ -47,11 +47,20 @@ flex-wrap: wrap; gap: 1rem; justify-content: center; - + img { align-self: center; + + /* + Shrink too-wide / too-tall instance + icons to sensible proportions. Allow + pretty wide images but prevent things + getting too out of hand + looking bad. + */ + max-height: 4rem; + max-width: 16rem; } - + h1 { align-self: center; text-align: center; |