ByteSnap/channels-seerr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tweak login buttons to ensure labels fit

Browse Source
This commit is contained in:
Michael Thomas
2025-03-20 11:29:00 -04:00
parent 03d869ca59
commit d36dcbed7e
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Login/PlexLoginButton.tsx
View File

@@ -26,7 +26,7 @@ const PlexLoginButton = ({
return (
<Button
className="relative flex-1 border-[#cc7b19] bg-[rgba(204,123,25,0.3)] hover:border-[#cc7b19] hover:bg-[rgba(204,123,25,0.7)] disabled:opacity-50"
className="relative flex-grow border-[#cc7b19] bg-[rgba(204,123,25,0.3)] hover:border-[#cc7b19] hover:bg-[rgba(204,123,25,0.7)] disabled:opacity-50"
onClick={login}
disabled={loading || isProcessing}
data-testid="plex-login-button"

8
src/components/Login/index.tsx
View File

@@ -124,7 +124,7 @@ const Login = () => {
<Button
key="jellyseerr"
data-testid="jellyseerr-login-button"
className="flex-1 bg-transparent"
className="flex-grow bg-transparent"
onClick={() => setMediaServerLogin(false)}
>
{/* eslint-disable-next-line @next/next/no-img-element */}
@@ -139,7 +139,7 @@ const Login = () => {
<Button
key="mediaserver"
data-testid="mediaserver-login-button"
className="flex-1 bg-transparent"
className="flex-grow bg-transparent"
onClick={() => setMediaServerLogin(true)}
>
<MediaServerLogo />
@@ -151,11 +151,11 @@ const Login = () => {
<Button
as="a"
href={`/api/v1/auth/oidc/login/${provider.slug}`}
className="flex-1 bg-transparent"
className="flex-grow bg-transparent"
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={provider.logo}
src={provider.logo || '/images/openid.svg'}
alt={provider.name}
className="mr-2 max-h-5 w-5"
/>