diff options
| author | Ashelyn Rose <git@tempest.dev> | 2023-05-09 14:09:05 -0600 |
|---|---|---|
| committer | Ashelyn Rose <git@tempest.dev> | 2023-05-09 14:09:05 -0600 |
| commit | 525bfe4e31f0724f332f139d1d3281bef057d5f3 (patch) | |
| tree | a9be2ddde4b956fc0718437cf8193a1547e47c41 /components/InfoBar | |
| parent | 2ad6dc443d026bb49b291f5e27f2f934649e8a4b (diff) | |
mobile layout
Diffstat (limited to 'components/InfoBar')
| -rw-r--r-- | components/InfoBar/InfoBar.module.css | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/components/InfoBar/InfoBar.module.css b/components/InfoBar/InfoBar.module.css index 523bf42..a992bc5 100644 --- a/components/InfoBar/InfoBar.module.css +++ b/components/InfoBar/InfoBar.module.css @@ -5,6 +5,7 @@ background: var(--main-background); height: var(--header-bar-height); width: var(--main-width); + max-width: calc(100vw - var(--text-padding)); box-sizing: border-box; display: flex; flex-direction: row; @@ -60,3 +61,15 @@ .infobar.memberProfile { margin-bottom: 42px; } + +@media (max-width: 600px) { + .infobar.memberProfile img { + width: 80px; + height: auto; + margin-top: -10px; + } + + .infobar.memberProfile { + margin-bottom: 16px; + } +} |