diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/public/css/auth.css | 6 | ||||
| -rw-r--r-- | src/public/css/profile.css | 14 |
2 files changed, 17 insertions, 3 deletions
diff --git a/src/public/css/auth.css b/src/public/css/auth.css index b08e27b..2c31694 100644 --- a/src/public/css/auth.css +++ b/src/public/css/auth.css @@ -7,7 +7,8 @@ } .branding { - max-width: 30rem; + max-width: 100%; + width: 30rem; margin-right: 5rem; } @@ -25,6 +26,7 @@ display: flex; flex-direction: column; width: 30rem; + max-width: 100%; } @media(max-width: 1200px) { @@ -32,7 +34,7 @@ flex-direction: column; align-items: center; width: 100%; - padding: 10rem 0; + padding: 10rem 1rem; } .branding { diff --git a/src/public/css/profile.css b/src/public/css/profile.css index d043b84..0c8dd78 100644 --- a/src/public/css/profile.css +++ b/src/public/css/profile.css @@ -21,11 +21,12 @@ #profile-header .banner { width: 100%; + max-width: 100%; min-height: 30rem; aspect-ratio: 5; } -.banner object.inner { +.banner .inner { width: 100%; height: 100%; } @@ -61,6 +62,17 @@ margin-top: 2rem; } +@media(max-width: 800px) { + #profile-header .info .pfp-wrapper .pfp, + #profile-header .info .pfp-wrapper .pfp .inner { + height: 8rem; + } + + #profile-header .info .content { + margin-left: 12rem; + } +} + #profile-header .info .content .name { font-size: 2rem; } |