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

fix layout oauth-bar

Browse Source
This commit is contained in:
syui
2025-06-16 11:43:15 +09:00
parent 5cb73a9ed3
commit 3f8bbff7c2
5 changed files with 96 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
oauth/src/App.css
View File

@ -193,8 +193,8 @@
}
.comment-section {
padding: 0px !important;
margin: 0px !important;
padding: 30px 0 !important;
margin: 0px !important;
}
.comment-content {
@ -350,6 +350,38 @@
text-align: center;
}
.auth-section.search-bar-layout {
display: flex;
align-items: center;
padding: 10px;
gap: 10px;
}
.auth-section.search-bar-layout .handle-input {
flex: 1;
margin: 0;
padding: 10px 15px;
font-size: 16px;
border: 1px solid #dee2e6;
border-radius: 6px 0 0 6px;
background: white;
outline: none;
transition: border-color 0.2s;
}
.auth-section.search-bar-layout .handle-input:focus {
border-color: var(--theme-color);
}
.auth-section.search-bar-layout .atproto-button {
margin: 0;
padding: 10px 20px;
border-radius: 0 6px 6px 0;
min-width: 50px;
font-weight: bold;
height: auto;
}
.atproto-button {
background: var(--theme-color);
color: var(--white);
@ -383,6 +415,30 @@
text-align: center;
}
/* Override for search bar layout */
.search-bar-layout .handle-input {
width: auto;
text-align: left;
}
/* Mobile responsive for search bar */
@media (max-width: 480px) {
.auth-section.search-bar-layout {
flex-direction: column;
gap: 8px;
}
.auth-section.search-bar-layout .handle-input {
width: 100%;
border-radius: 6px;
}
.auth-section.search-bar-layout .atproto-button {
width: 100%;
border-radius: 6px;
}
}
.auth-hint {
color: #6c757d;
font-size: 14px;
@ -929,4 +985,4 @@
.chat-message.comment-style {
border-left: 4px solid var(--theme-color);
}
}