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): aligned movie and tv details (#331)

Browse Source
This commit is contained in:
Brandon Cohen
2020-12-15 19:44:58 -05:00
committed by GitHub
parent c545ec16e7
commit db0a5c44f6
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -193,14 +193,14 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
)} )}
</SlideOver> </SlideOver>
<div className="flex flex-col items-center md:flex-row md:items-end pt-4"> <div className="flex flex-col items-center md:flex-row md:items-end pt-4">
<div className="mr-4 flex-shrink-0"> <div className="md:mr-4 flex-shrink-0">
<img <img
src={`//image.tmdb.org/t/p/w600_and_h900_bestv2${data.posterPath}`} src={`//image.tmdb.org/t/p/w600_and_h900_bestv2${data.posterPath}`}
alt="" alt=""
className="rounded md:rounded-lg shadow md:shadow-2xl w-32 md:w-52" className="rounded md:rounded-lg shadow md:shadow-2xl w-32 md:w-52"
/> />
</div> </div>
<div className="text-white flex flex-col mr-4 mt-4 md:mt-0 text-center md:text-left"> <div className="text-white flex flex-col md:mr-4 mt-4 md:mt-0 text-center md:text-left">
<div className="mb-2"> <div className="mb-2">
{data.mediaInfo?.status === MediaStatus.AVAILABLE && ( {data.mediaInfo?.status === MediaStatus.AVAILABLE && (
<Badge badgeType="success"> <Badge badgeType="success">
@@ -352,7 +352,7 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
{hasPermission(Permission.MANAGE_REQUESTS) && ( {hasPermission(Permission.MANAGE_REQUESTS) && (
<Button <Button
buttonType="default" buttonType="default"
className="ml-2" className="ml-2 first:ml-0"
onClick={() => setShowManager(true)} onClick={() => setShowManager(true)}
> >
<svg <svg

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

@@ -196,14 +196,14 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
)} )}
</SlideOver> </SlideOver>
<div className="flex flex-col items-center md:flex-row md:items-end pt-4"> <div className="flex flex-col items-center md:flex-row md:items-end pt-4">
<div className="mr-4 flex-shrink-0"> <div className="md:mr-4 flex-shrink-0">
<img <img
src={`//image.tmdb.org/t/p/w600_and_h900_bestv2${data.posterPath}`} src={`//image.tmdb.org/t/p/w600_and_h900_bestv2${data.posterPath}`}
alt="" alt=""
className="rounded md:rounded-lg shadow md:shadow-2xl w-32 md:w-52" className="rounded md:rounded-lg shadow md:shadow-2xl w-32 md:w-52"
/> />
</div> </div>
<div className="text-white flex flex-col mr-4 mt-4 md:mt-0 text-center md:text-left"> <div className="text-white flex flex-col md:mr-4 mt-4 md:mt-0 text-center md:text-left">
<div className="mb-2"> <div className="mb-2">
{data.mediaInfo?.status === MediaStatus.AVAILABLE && ( {data.mediaInfo?.status === MediaStatus.AVAILABLE && (
<Badge badgeType="success"> <Badge badgeType="success">
@@ -344,7 +344,7 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
{hasPermission(Permission.MANAGE_REQUESTS) && ( {hasPermission(Permission.MANAGE_REQUESTS) && (
<Button <Button
buttonType="default" buttonType="default"
className="ml-2" className="ml-2 first:ml-0"
onClick={() => setShowManager(true)} onClick={() => setShowManager(true)}
> >
<svg <svg