💄 Fix ui design

2024-04-21 18:03:18 +08:00
parent 7e5fdb684e
commit eda6ad9776
2 changed files with 10 additions and 5 deletions
--- a/pkg/views/users/me.gohtml
+++ b/pkg/views/users/me.gohtml
@ -69,15 +69,17 @@
        color: var(--md-sys-color-on-secondary);
    }

-    .banner-container {
-        grid-column: span 2;
+    @media (min-width: 768px) {
+        .banner-container {
+            grid-column: span 2;
+        }
    }

    .banner {
        display: block;
        object-fit: cover;
        border-radius: 28px;
-        height: 180px;
+        aspect-ratio: 3 / 1;
        width: 100%;
    }