Fix Mobile view

pull/1560/head
Matteo Bossi 1 year ago
parent 28e39e46ae
commit 0eab4e7943

@ -61,7 +61,9 @@ export default function Component({ service }) {
{Array.isArray(queueDetailsData) ? queueDetailsData.map((queueEntry) => (
<div className="my-0.5 w-full flex flex-col justify-between items-center" key={queueEntry.movieId}>
<div className="h-6 w-full flex flex-row justify-between items-center">
<div className="overflow-ellipsis whitespace-nowrap overflow-hidden w-3/4 text-left">{moviesData.all.find((entry) => entry.id === queueEntry.movieId)?.title}</div>
<div className="w-full mr-5 overflow-hidden">
<div className="whitespace-nowrap w-0 text-left">{moviesData.all.find((entry) => entry.id === queueEntry.movieId)?.title}</div>
</div>
<div>{formatDownloadState(queueEntry.trackedDownloadState)}</div>
</div>
<div className="h-6 w-full flex flex-row justify-between items-center">

@ -60,7 +60,9 @@ export default function Component({ service }) {
{Array.isArray(queueDetailsData) ? queueDetailsData.map((queueEntry) => (
<div className="my-0.5 w-full flex flex-col justify-between items-center" key={queueEntry.episodeId}>
<div className="h-6 w-full flex flex-row justify-between items-center">
<div className="overflow-ellipsis whitespace-nowrap overflow-hidden w-3/4 text-left">{seriesData.find((entry) => entry.id === queueEntry.seriesId).title} {queueEntry.episodeTitle}</div>
<div className="w-full mr-5 overflow-hidden">
<div className="whitespace-nowrap text-left w-0">{seriesData.find((entry) => entry.id === queueEntry.seriesId).title} {queueEntry.episodeTitle}</div>
</div>
<div>{formatDownloadState(queueEntry.trackedDownloadState)}</div>
</div>
<div className="h-6 w-full flex flex-row justify-between items-center">

Loading…
Cancel
Save