From eda6ad977673aa15e711e86c1c5602125f9787bd Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sun, 21 Apr 2024 18:03:18 +0800
Subject: [PATCH] :lipstick: Fix ui design

---
 .idea/workspace.xml       | 7 +++++--
 pkg/views/users/me.gohtml | 8 +++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 6e31b01..ce57714 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,7 +4,10 @@
     <option name="autoReloadType" value="ALL" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="3fefb2c4-b6f9-466b-a523-53352e8d6f95" name="更改" comment=":sparkles: Others userinfo" />
+    <list default="true" id="3fefb2c4-b6f9-466b-a523-53352e8d6f95" name="更改" comment=":sparkles: Others userinfo">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/pkg/views/users/me.gohtml" beforeDir="false" afterPath="$PROJECT_DIR$/pkg/views/users/me.gohtml" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -47,7 +50,7 @@
     "RunOnceActivity.go.migrated.go.modules.settings": "true",
     "RunOnceActivity.go.modules.automatic.dependencies.download": "true",
     "RunOnceActivity.go.modules.go.list.on.any.changes.was.set": "true",
-    "git-widget-placeholder": "refactor/ux",
+    "git-widget-placeholder": "master",
     "go.import.settings.migrated": "true",
     "go.sdk.automatically.set": "true",
     "last_opened_file_path": "/Users/littlesheep/Documents/Projects/Hydrogen/Passport/pkg/server/ui",
diff --git a/pkg/views/users/me.gohtml b/pkg/views/users/me.gohtml
index 18b28e0..2793fb7 100644
--- 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%;
     }