shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): request and cog button would be misaligned without play on plex/watch trailer button (#956)

Browse Source 
* fix(frontend): request and cog button would be misaligned without play on plex/watch trailer button

* fix(frontend): request and cog button would be misaligned without play on plex/watch trailer button

* Update src/components/TvDetails/index.tsx

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* fix(frontend): removed z-index from buttonWithDropdown div

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
This commit is contained in:
Brandon Cohen
2021-02-17 03:39:21 -05:00
committed by GitHub
parent f1c335815f
commit e28dfadaf5
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -350,9 +350,9 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
/> />
</div> </div>
<div className="flex flex-col flex-1 mt-4 text-center text-white lg:mr-4 lg:mt-0 lg:text-left"> <div className="flex flex-col flex-1 mt-4 text-center text-white lg:mr-4 lg:mt-0 lg:text-left">
<div className="mb-2"> <div className="mb-2 space-x-2">
{data.mediaInfo && data.mediaInfo.status !== MediaStatus.UNKNOWN && ( {data.mediaInfo && data.mediaInfo.status !== MediaStatus.UNKNOWN && (
<span className="lg:mr-2"> <span className="ml-2 lg:ml-0">
<StatusBadge <StatusBadge
status={data.mediaInfo?.status} status={data.mediaInfo?.status}
inProgress={(data.mediaInfo.downloadStatus ?? []).length > 0} inProgress={(data.mediaInfo.downloadStatus ?? []).length > 0}
@@ -394,11 +394,11 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
))} ))}
</span> </span>
</div> </div>
<div className="relative z-10 flex flex-wrap justify-center flex-shrink-0 mt-2 space-y-2 sm:space-y-0 sm:justify-end sm:flex-nowrap sm:mt-4"> <div className="relative z-10 flex flex-wrap justify-center flex-shrink-0 mt-4 sm:justify-end sm:flex-nowrap lg:mt-0">
{(trailerUrl || {(trailerUrl ||
data.mediaInfo?.plexUrl || data.mediaInfo?.plexUrl ||
data.mediaInfo?.plexUrl4k) && ( data.mediaInfo?.plexUrl4k) && (
<div className="mt-2 sm:mt-0"> <div className="mb-3 sm:mb-0">
<ButtonWithDropdown <ButtonWithDropdown
buttonType="ghost" buttonType="ghost"
text={ text={

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

@@ -376,9 +376,9 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
/> />
</div> </div>
<div className="flex flex-col flex-1 mt-4 text-center text-white lg:mr-4 lg:mt-0 lg:text-left"> <div className="flex flex-col flex-1 mt-4 text-center text-white lg:mr-4 lg:mt-0 lg:text-left">
<div className="mb-2"> <div className="mb-2 space-x-2">
{data.mediaInfo && data.mediaInfo.status !== MediaStatus.UNKNOWN && ( {data.mediaInfo && data.mediaInfo.status !== MediaStatus.UNKNOWN && (
<span className="lg:mr-2"> <span className="ml-2 lg:ml-0">
<StatusBadge <StatusBadge
status={data.mediaInfo?.status} status={data.mediaInfo?.status}
inProgress={(data.mediaInfo.downloadStatus ?? []).length > 0} inProgress={(data.mediaInfo.downloadStatus ?? []).length > 0}
@@ -422,11 +422,11 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
))} ))}
</span> </span>
</div> </div>
<div className="flex flex-wrap justify-center flex-shrink-0 mt-2 space-y-2 sm:space-y-0 sm:flex-nowrap sm:justify-end sm:mt-4"> <div className="relative z-10 flex flex-wrap justify-center flex-shrink-0 mt-4 sm:justify-end sm:flex-nowrap lg:mt-0">
{(trailerUrl || {(trailerUrl ||
data.mediaInfo?.plexUrl || data.mediaInfo?.plexUrl ||
data.mediaInfo?.plexUrl4k) && ( data.mediaInfo?.plexUrl4k) && (
<div className="mt-2 sm:mt-0"> <div className="mb-3 sm:mb-0">
<ButtonWithDropdown <ButtonWithDropdown
buttonType="ghost" buttonType="ghost"
text={ text={