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

36
oauth/src/App.tsx
View File

@ -1054,30 +1054,28 @@ function App() {
<section className="comment-section">
{/* Authentication Section */}
{!user ? (
<div className="auth-section">
<div className="auth-section search-bar-layout">
<input
type="text"
id="handle-input"
name="handle"
placeholder="user.bsky.social"
className="handle-input"
value={handleInput}
onChange={(e) => setHandleInput(e.target.value)}
onKeyDown={(e) => {
if (e.key === 'Enter') {
e.preventDefault();
executeOAuth();
}
}}
/>
<button
onClick={executeOAuth}
className="atproto-button"
>
atproto
<i class="fab fa-bluesky"></i>
</button>
<div className="username-input-section">
<input
type="text"
id="handle-input"
name="handle"
placeholder="user.bsky.social"
className="handle-input"
value={handleInput}
onChange={(e) => setHandleInput(e.target.value)}
onKeyDown={(e) => {
if (e.key === 'Enter') {
e.preventDefault();
executeOAuth();
}
}}
/>
</div>
</div>
) : (
<div className="user-section">