gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-09-11 12:25:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

Player is now fixed to the bottom

Browse Source
This commit is contained in:
Ian Donahue 2023-03-16 16:31:22 +01:00
parent f75bc615d5
commit 455f38f7fc
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/routes/projects/[projectId]/player/+page.svelte
View File

@ -415,9 +415,9 @@
</div>
</div>
<div id="middle" class="flex-auto overflow-auto ">
<div class="flex h-full w-full flex-col gap-2">
<div id="code" class="flex-auto overflow-auto px-2">
<div id="middle" class="flex-auto overflow-auto border border-zinc-700 rounded m-2 bg-[#2F2F33] ">
<div class="flex h-full w-full flex-col gap-2 relative ">
<div id="code" class="flex-auto overflow-auto px-2 h-full w-full pb-[120px]">
{#if dayPlaylist[currentDay] !== undefined}
{#if currentEdit !== null}
<CodeViewer
@ -431,7 +431,7 @@
{/if}
</div>
<div id="info" class="mx-4 rounded-lg bg-zinc-800 p-2">
<div id="info" class=" rounded-lg bg-zinc-800 p-2 absolute bottom-[64px] left-4">
{#if dayPlaylist[currentDay] !== undefined}
<div class="flex flex-row justify-between">
<div>{dayPlaylist[currentDay].chapters.length} sessions</div>
@ -447,7 +447,16 @@
{/if}
</div>
<div id="controls" class="flex flex-col p-2">
<div id="controls"
class="flex flex-col p-2 absolute bottom-0 w-full border-t border-zinc-700 bg-[#2E2E32]/75"
style="
border-width: 0.5px;
-webkit-backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%);
backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%);
background-color: rgba(24, 24, 27, 0.60);
border: 0.5px solid rgba(63, 63, 70, 0.50);
"
>
{#if dayPlaylist[currentDay] !== undefined}
<div class="flex h-0 w-full justify-between">
{#each dayPlaylist[currentDay].chapters as chapter}