fix oauth loading button

This commit is contained in:
2025-06-21 17:03:23 +09:00
parent 31af524303
commit b652e01dd3
2 changed files with 8 additions and 2 deletions

View File

@ -233,6 +233,7 @@ body {
border-left: none; border-left: none;
margin: 0; margin: 0;
padding: 10px 15px; padding: 10px 15px;
height: 40px;
} }
/* Auth Button */ /* Auth Button */
@ -245,6 +246,10 @@ body {
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;
transition: background 0.2s; transition: background 0.2s;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
} }
.auth-button:hover { .auth-button:hover {
@ -813,7 +818,8 @@ body {
.auth-button { .auth-button {
white-space: nowrap !important; white-space: nowrap !important;
min-width: 70px !important; min-width: 90px !important;
width: 90px !important;
} }
.tab-header { .tab-header {

View File

@ -70,7 +70,7 @@ export default function AuthButton({ user, onLogin, onLogout, loading }) {
disabled={isLoading || !handleInput.trim()} disabled={isLoading || !handleInput.trim()}
className="auth-button" className="auth-button"
> >
{isLoading ? '認証中...' : <i className="fab fa-bluesky"></i>} {isLoading ? 'Loading...' : <i className="fab fa-bluesky"></i>}
</button> </button>
</div> </div>
) )