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

Player: Code viwer update in visual styleing

Browse Source
This commit is contained in:
Ian Donahue 2023-03-17 19:54:43 +01:00
parent e3f75d767a
commit 6f7121ab99
3 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/CodeViewer/CodeViewer.svelte
View File

@ -89,8 +89,8 @@
row.type === RowType.Equal || row.type === RowType.Addition
? String(row.currentLineNumber)
: ''}
<div class="select-none pr-1 pl-2.5 text-right text-[#665c54]">{baseNumber}</div>
<div class="select-none pr-1 pl-2.5 text-right text-[#665c54]">{curNumber}</div>
<div class="select-none pr-1 pl-2.5 text-right text-[#8C8178]">{baseNumber}</div>
<div class="select-none pr-1 pl-2.5 text-right text-[#8C8178]">{curNumber}</div>
<div
class="diff-line-marker"
class:diff-line-addition={row.type === RowType.Addition}

5
src/lib/components/CodeViewer/diff.css
View File

@ -36,8 +36,11 @@
}
.diff-line-spacer {
--override-spacer-background-color: rgb(0 0 255 / 10%);
--override-spacer-background-color: rgba(25, 25, 39, 0.4);
color: rgb(229, 231, 235);
text-align: center;
background-color: var(--override-spacer-background-color);
border-top: 1px solid rgba(25, 25, 39, 0.3);
border-bottom: 1px solid rgba(25, 25, 39, 0.3);
}

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

@ -503,7 +503,7 @@
</div>
{#if currentEdit !== null}
<div id="info" class="absolute bottom-[64px] left-4 rounded-lg bg-zinc-800 p-2">
<div id="info" class="absolute bottom-[86px] left-4 rounded-lg bg-zinc-800 p-2">
<div class="flex flex-row justify-between space-x-2">
<div class="font-mono font-bold text-white">{currentEdit.filepath}</div>
<div>{new Date(currentEdit.delta.timestampMs).toLocaleString('en-US')}</div>
@ -512,11 +512,11 @@
<div
id="controls"
class="absolute bottom-0 flex w-full flex-col border-t border-zinc-700 bg-[#2E2E32]/75 p-2"
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(20px) saturate(190%) contrast(70%) brightness(80%);
backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%);
-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);
"