gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-27 03:22:15 +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 row.type === RowType.Equal || row.type === RowType.Addition
? String(row.currentLineNumber) ? 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-[#8C8178]">{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]">{curNumber}</div>
<div <div
class="diff-line-marker" class="diff-line-marker"
class:diff-line-addition={row.type === RowType.Addition} class:diff-line-addition={row.type === RowType.Addition}

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

@ -36,8 +36,11 @@
} }
.diff-line-spacer { .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; text-align: center;
background-color: var(--override-spacer-background-color); 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> </div>
{#if currentEdit !== null} {#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="flex flex-row justify-between space-x-2">
<div class="font-mono font-bold text-white">{currentEdit.filepath}</div> <div class="font-mono font-bold text-white">{currentEdit.filepath}</div>
<div>{new Date(currentEdit.delta.timestampMs).toLocaleString('en-US')}</div> <div>{new Date(currentEdit.delta.timestampMs).toLocaleString('en-US')}</div>
@ -512,11 +512,11 @@
<div <div
id="controls" 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=" style="
border-width: 0.5px; border-width: 0.5px;
-webkit-backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%); -webkit-backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);
backdrop-filter: blur(20px) saturate(190%) contrast(70%) brightness(80%); backdrop-filter: blur(5px) saturate(190%) contrast(70%) brightness(80%);
background-color: rgba(24, 24, 27, 0.60); background-color: rgba(24, 24, 27, 0.60);
border: 0.5px solid rgba(63, 63, 70, 0.50); border: 0.5px solid rgba(63, 63, 70, 0.50);
" "