gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-01 04:14:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added place holder buttons for going to previous and next session in timeline

Browse Source
This commit is contained in:
Ian Donahue 2023-03-14 00:05:50 +01:00
parent 327affc909
commit 0ed28575aa
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/routes/projects/[projectId]/timeline/+page.svelte
View File

@ -157,12 +157,22 @@
class="session-day-component flex flex-col rounded-lg border border-zinc-700 bg-[#2F2F33]" class="session-day-component flex flex-col rounded-lg border border-zinc-700 bg-[#2F2F33]"
class:min-w-full={selection.dateMilliseconds == +dateMilliseconds} class:min-w-full={selection.dateMilliseconds == +dateMilliseconds}
> >
<div <div class="session-day-container flex justify-between items-center border-b border-zinc-700 bg-zinc-700/30 py-2 px-4 font-medium">
class="session-day-container flex items-center border-b border-zinc-700 bg-zinc-700/30 py-2 px-4 font-medium" <div class="session-day-header font-bold text-zinc-200">
>
<span class="session-day-header font-bold text-zinc-200">
{formatDate(new Date(+dateMilliseconds))} {formatDate(new Date(+dateMilliseconds))}
</span> </div>
<div class="session-forward-back-controls flex gap-1">
<div class="button-next px-1 py-1 bg-zinc-600 border-1 border-zinc-700 rounded shadow hover:bg-zinc-500 hover:border-zinc-600">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="h-4 w-4">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.6 12.8C9.3952 12.8 9.1904 12.7216 9.0344 12.5656L5.0344 8.56563C4.7216 8.25283 4.7216 7.74723 5.0344 7.43443L9.0344 3.43443C9.3472 3.12163 9.8528 3.12163 10.1656 3.43443C10.4784 3.74723 10.4784 4.25283 10.1656 4.56563L6.7312 8.00003L10.1656 11.4344C10.4784 11.7472 10.4784 12.2528 10.1656 12.5656C10.0096 12.7216 9.8048 12.8 9.6 12.8Z" fill="#A1A1AA"/>
</svg>
</div>
<div class="button-previous px-1 py-1 bg-zinc-600 border-1 border-zinc-700 rounded shadow hover:bg-zinc-500 hover:border-zinc-600">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" class="h-4 w-4">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.40005 12.8C6.19525 12.8 5.99045 12.7216 5.83445 12.5656C5.52165 12.2528 5.52165 11.7472 5.83445 11.4344L9.26885 8.00003L5.83445 4.56563C5.52165 4.25283 5.52165 3.74723 5.83445 3.43443C6.14725 3.12163 6.65285 3.12163 6.96565 3.43443L10.9657 7.43443C11.2785 7.74723 11.2785 8.25283 10.9657 8.56563L6.96565 12.5656C6.80965 12.7216 6.60485 12.8 6.40005 12.8Z" fill="#A1A1AA"/>
</svg>
</div>
</div>
</div> </div>
{#if selection.dateMilliseconds !== +dateMilliseconds} {#if selection.dateMilliseconds !== +dateMilliseconds}
<div class="flex flex-auto flex-col"> <div class="flex flex-auto flex-col">
@ -308,7 +318,7 @@
<div class="col-span-1 flex items-center justify-center" /> <div class="col-span-1 flex items-center justify-center" />
</div> </div>
</div> </div>
<div class="timeline-file-list mb-1 flex border-b-2 border-b-zinc-700"> <div class="timeline-file-list flex border-b border-b-zinc-700">
<div class="grid flex-auto grid-cols-1 grid-rows-1"> <div class="grid flex-auto grid-cols-1 grid-rows-1">
<!-- file names list --> <!-- file names list -->
<div <div