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

bring back player controls overflow + blur

Browse Source
This commit is contained in:
Nikita Galaiko 2023-03-29 15:12:43 +02:00
parent c34b224ac3
commit 4ac7f3a80e
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -280,13 +280,15 @@
class="relative my-2 flex flex-auto flex-col overflow-auto rounded border border-zinc-700 bg-gb-900"
>
{#if $frame}
<div id="code" class="h-full w-full flex-auto overflow-auto px-2 pb-[120px]">
<CodeViewer
doc={$frame.doc}
deltas={$frame.deltas}
filepath={$frame.filepath}
paddingLines={fullContext ? 100000 : context}
/>
<div id="code" class="flex-auto overflow-auto px-2">
<div class="pb-[120px]">
<CodeViewer
doc={$frame.doc}
deltas={$frame.deltas}
filepath={$frame.filepath}
paddingLines={fullContext ? 100000 : context}
/>
</div>
</div>
<div
@ -304,7 +306,14 @@
<div
id="controls"
class="flex w-full flex-col border-t border-zinc-700 bg-[#2E2E32]/75 p-2 pt-4"
class="absolute bottom-0 flex w-full flex-col border-t border-zinc-700 bg-[#2E2E32]/75 p-2 pt-4"
style="
border-width: 0.5px;
-webkit-backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);
backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);
background-color: rgba(24, 24, 27, 0.60);
border: 0.5px solid rgba(63, 63, 70, 0.50);
"
>
<div class="flex h-0 w-full justify-between">
{#each $richSessions as session}
@ -387,7 +396,7 @@
</div>
<div class="align-center flex flex-row-reverse gap-2">
<button class="checkbox-button ">
<button class="checkbox-button">
<label
for="full-context-checkbox"
class="group block cursor-pointer rounded transition-colors duration-200 ease-in-out hover:bg-zinc-700 "