starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-18 16:53:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: Improve series page user experience and focus + scroll logic

Browse Source
This commit is contained in:
Aleksi Lassila
2024-05-15 02:50:47 +03:00
parent 0a43a5c231
commit af0df71d2c
9 changed files with 66 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/VideoPlayer/ProgressBar.svelte
View File

@@ -97,7 +97,7 @@
on:touchend={handleStopSeeking}
/>
</Container>
<div class="flex justify-between px-2 pt-4">
<div class="flex justify-between px-2 pt-4 text-lg">
<span>{formatSecondsToTime(progressTime)}</span>
<span>-{formatSecondsToTime(totalTime - progressTime)}</span>
</div>

8
src/lib/components/VideoPlayer/VideoPlayer.svelte
View File

@@ -163,7 +163,9 @@
class="flex justify-between px-2 py-4 items-end"
>
<div>
<div class="text-secondary-300 font-medium text-wider text-lg">{subtitle}</div>
<div class="text-secondary-300 font-medium text-wider text-xl mb-1 tracking-wide">
{subtitle}
</div>
<h1 class="header4">{title}</h1>
</div>
<div class="flex space-x-2">
@@ -176,7 +178,7 @@
});
}}
>
<TextAlignLeft size={19} />
<TextAlignLeft size={24} />
</IconButton>
<IconButton
on:clickOrSelect={() => {
@@ -189,7 +191,7 @@
});
}}
>
<ChatBubble size={19} />
<ChatBubble size={24} />
</IconButton>
</div>
</Container>