mirror of
https://github.com/fallenbagel/jellyseerr.git
synced 2026-01-02 04:39:14 -05:00
fix(ui): correct media action icon size (#1444)
This PR fixes an UI issue with inconsistent size for media action icons. fix #1440
This commit is contained in:
@@ -590,7 +590,7 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
|
|||||||
buttonSize={'md'}
|
buttonSize={'md'}
|
||||||
onClick={() => setShowBlacklistModal(true)}
|
onClick={() => setShowBlacklistModal(true)}
|
||||||
>
|
>
|
||||||
<EyeSlashIcon className={'h-3'} />
|
<EyeSlashIcon />
|
||||||
</Button>
|
</Button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
@@ -608,9 +608,9 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
|
|||||||
onClick={onClickWatchlistBtn}
|
onClick={onClickWatchlistBtn}
|
||||||
>
|
>
|
||||||
{isUpdating ? (
|
{isUpdating ? (
|
||||||
<Spinner className="h-3" />
|
<Spinner />
|
||||||
) : (
|
) : (
|
||||||
<StarIcon className={'h-3 text-amber-300'} />
|
<StarIcon className={'text-amber-300'} />
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
@@ -623,11 +623,7 @@ const MovieDetails = ({ movie }: MovieDetailsProps) => {
|
|||||||
buttonSize={'md'}
|
buttonSize={'md'}
|
||||||
onClick={onClickDeleteWatchlistBtn}
|
onClick={onClickDeleteWatchlistBtn}
|
||||||
>
|
>
|
||||||
{isUpdating ? (
|
{isUpdating ? <Spinner /> : <MinusCircleIcon />}
|
||||||
<Spinner className="h-3" />
|
|
||||||
) : (
|
|
||||||
<MinusCircleIcon className={'h-3'} />
|
|
||||||
)}
|
|
||||||
</Button>
|
</Button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -632,7 +632,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
|
|||||||
buttonSize={'md'}
|
buttonSize={'md'}
|
||||||
onClick={() => setShowBlacklistModal(true)}
|
onClick={() => setShowBlacklistModal(true)}
|
||||||
>
|
>
|
||||||
<EyeSlashIcon className={'h-3'} />
|
<EyeSlashIcon />
|
||||||
</Button>
|
</Button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
@@ -650,9 +650,9 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
|
|||||||
onClick={onClickWatchlistBtn}
|
onClick={onClickWatchlistBtn}
|
||||||
>
|
>
|
||||||
{isUpdating ? (
|
{isUpdating ? (
|
||||||
<Spinner className="h-3" />
|
<Spinner />
|
||||||
) : (
|
) : (
|
||||||
<StarIcon className={'h-3 text-amber-300'} />
|
<StarIcon className={'text-amber-300'} />
|
||||||
)}
|
)}
|
||||||
</Button>
|
</Button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
@@ -665,11 +665,7 @@ const TvDetails = ({ tv }: TvDetailsProps) => {
|
|||||||
buttonSize={'md'}
|
buttonSize={'md'}
|
||||||
onClick={onClickDeleteWatchlistBtn}
|
onClick={onClickDeleteWatchlistBtn}
|
||||||
>
|
>
|
||||||
{isUpdating ? (
|
{isUpdating ? <Spinner /> : <MinusCircleIcon />}
|
||||||
<Spinner className="h-3" />
|
|
||||||
) : (
|
|
||||||
<MinusCircleIcon className={'h-3'} />
|
|
||||||
)}
|
|
||||||
</Button>
|
</Button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user