ai/log
1
0
Fork 0
Code Pull Requests Actions Wiki Activity

fix mobile css

Browse Source
This commit is contained in:
syui
2025-06-19 18:45:07 +09:00
parent 6cbfec4f82
commit f95439a961
1 changed files with 54 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
oauth/src/App.css
View File

@@ -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 {