diff options
| -rw-r--r-- | static/note.css | 3 | ||||
| -rw-r--r-- | static/notifications.css | 2 | ||||
| -rw-r--r-- | static/pages.css | 1 | ||||
| -rw-r--r-- | static/skeleton.css | 1 | ||||
| -rw-r--r-- | static/theme.css | 1 |
5 files changed, 7 insertions, 1 deletions
diff --git a/static/note.css b/static/note.css index 6d3b215..8fa8424 100644 --- a/static/note.css +++ b/static/note.css @@ -47,6 +47,9 @@ article.note { img.avatar { width: var(--avatar-size); + @media (width < 1200px) { + width: var(--avatar-medium-size); + } aspect-ratio: 1; border-radius: var(--border-radius); } diff --git a/static/notifications.css b/static/notifications.css index 272e3e6..9935313 100644 --- a/static/notifications.css +++ b/static/notifications.css @@ -36,7 +36,7 @@ ); img { - width: var(--avatar-size); + width: var(--avatar-medium-size); border-radius: var(--border-radius); aspect-ratio: 1; display: block; diff --git a/static/pages.css b/static/pages.css index 3f3e5ab..e476d04 100644 --- a/static/pages.css +++ b/static/pages.css @@ -32,6 +32,7 @@ img { width: var(--icon-size); aspect-ratio: 1; + border-radius: var(--border-radius); } } diff --git a/static/skeleton.css b/static/skeleton.css index 2965c2d..4ec4670 100644 --- a/static/skeleton.css +++ b/static/skeleton.css @@ -92,6 +92,7 @@ nav { img.avatar { width: var(--icon-size); aspect-ratio: 1; + border-radius: var(--border-radius); } #currentUserInfo { max-width: 16em; diff --git a/static/theme.css b/static/theme.css index a542cae..442950b 100644 --- a/static/theme.css +++ b/static/theme.css @@ -47,6 +47,7 @@ --icon-size: 24px; --avatar-size: 64px; --avatar-big-size: 96px; + --avatar-medium-size: 48px; --overlay-shadow: 0 0 8px #0004; accent-color: var(--clr-primary); |