Fix Mobile view
This commit is contained in:
parent
28e39e46ae
commit
0eab4e7943
2 changed files with 6 additions and 2 deletions
|
@ -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…
Add table
Reference in a new issue