fix oauth loading button
This commit is contained in:
@ -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 {
|
||||||
|
@ -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>
|
||||||
)
|
)
|
||||||
|
Reference in New Issue
Block a user