gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-18 06:22:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

visual fixes in the player slider controls

Browse Source
This commit is contained in:
Kiril Videlov 2023-04-05 11:01:36 +02:00 committed by Kiril Videlov
parent 96b70d0eaf
commit ce590fdae4
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/projects/[projectId]/player/[date]/[sessionId]/+page.svelte
View File

@ -394,7 +394,7 @@
<div <div
id="controls" id="controls"
class="absolute bottom-0 flex w-full flex-col gap-4 rounded-br rounded-bl border-t border-zinc-700 bg-[#2E2E32]/75 p-2 pt-4" class="absolute bottom-0 flex w-full flex-col gap-4 overflow-hidden rounded-br rounded-bl border-t border-zinc-700 bg-[#2E2E32]/75 p-2 pt-4"
style=" style="
border-width: 0.5px; border-width: 0.5px;
-webkit-backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%); -webkit-backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);

2
src/routes/projects/[projectId]/player/[date]/[sessionId]/Slider.svelte
View File

@ -39,7 +39,7 @@
bind:this={timeline} bind:this={timeline}
> >
{#each sliderValues as { from, to, width }, i} {#each sliderValues as { from, to, width }, i}
{@const isCurrent = value >= from && value < to} {@const isCurrent = value >= from && value <= to}
{@const filledPrecentage = Math.max(0, Math.min(100, ((value - from) / (to - from)) * 100))} {@const filledPrecentage = Math.max(0, Math.min(100, ((value - from) / (to - from)) * 100))}
<li class="relative flex cursor-pointer items-center" style:width="{width}%"> <li class="relative flex cursor-pointer items-center" style:width="{width}%">
<div <div