From f95439a961834c8b1d77b5d4449abc8000f20b50 Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Thu, 19 Jun 2025 18:45:07 +0900
Subject: [PATCH] fix mobile css

---
 oauth/src/App.css | 55 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 54 insertions(+), 1 deletion(-)

diff --git a/oauth/src/App.css b/oauth/src/App.css
index ee6ba45..f313886 100644
--- a/oauth/src/App.css
+++ b/oauth/src/App.css
@@ -684,10 +684,33 @@ body {
 
 /* Responsive */
 @media (max-width: 1000px) {
+  /* Global mobile constraints */
+  * {
+    max-width: 100% !important;
+    box-sizing: border-box !important;
+  }
+  
+  body {
+    overflow-x: hidden !important;
+    width: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+  
+  .app {
+    width: 100% !important;
+    max-width: 100% !important;
+    overflow-x: hidden !important;
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+  
   .main-content {
     padding: 0px !important;
     margin: 0px !important;
     max-width: 100% !important;
+    width: 100% !important;
+    overflow-x: hidden !important;
   }
   
   /* OAuth app mobile fixes - prevent overflow and content issues */
@@ -695,12 +718,16 @@ body {
     padding: 0px !important;
     margin: 0px !important;
     border: none !important;
+    width: 100% !important;
+    max-width: 100% !important;
   }
   
   .oauth-header-content {
     max-width: 100% !important;
-    padding: 10px 20px !important;
+    width: 100% !important;
+    padding: 10px 15px !important;
     margin: 0px !important;
+    overflow-x: hidden !important;
   }
   
   .oauth-header-actions {
@@ -712,6 +739,9 @@ body {
   .content-area {
     padding: 0px !important;
     margin: 0px !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    overflow-x: hidden !important;
   }
   
   .card {
@@ -837,6 +867,16 @@ body {
 
   .oauth-user-profile {
     gap: 8px;
+    width: 100% !important;
+    max-width: 100% !important;
+    overflow: hidden !important;
+  }
+
+  .profile-info {
+    flex: 1 !important;
+    min-width: 0 !important;
+    max-width: calc(100% - 50px) !important;
+    overflow: hidden !important;
   }
 
   .profile-avatar-section .profile-avatar,
@@ -844,18 +884,31 @@ body {
     width: 36px;
     height: 36px;
     font-size: 14px;
+    flex-shrink: 0 !important;
   }
 
   .profile-display-name {
     font-size: 14px;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    max-width: 100% !important;
   }
 
   .profile-handle {
     font-size: 12px;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    max-width: 100% !important;
   }
 
   .profile-did {
     font-size: 9px;
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    max-width: 100% !important;
   }
 
   .oauth-header-content {