gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-11-24 13:37:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

Visual Tweaks

Browse Source
This commit is contained in:
Ian Donahue 2023-03-13 23:13:49 +01:00
parent 4dacdc3a74
commit 13681b4007
4 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@ -8,7 +8,7 @@
<link rel="stylesheet" href="styles.css" />
</head>
<body class="fixed h-full w-full overflow-hidden bg-zinc-800 font-sans text-base antialiased">
<body class="fixed h-full w-full bg-zinc-800 font-sans text-base antialiased">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

2
src/routes/projects/[projectId]/+layout.svelte
View File

@ -108,7 +108,7 @@
</ul>
</nav>
<div class="project-container flex-auto overflow-auto">
<div class="project-container flex-auto overflow-y-auto h-100">
<slot />
</div>

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

@ -166,18 +166,18 @@
</div>
</div>
{:else}
<div class="flex h-full flex-col gap-2">
<div class="flex h-full w-full flex-col">
{#if frame !== null}
<header>
<h2 class="px-4 pt-2 text-xl text-zinc-300">{frame.filepath}</h2>
<header class="shadow-md">
<h2 class="px-4 py-2 text-xl text-zinc-300">{frame.filepath}</h2>
</header>
<div class="project-container flex-auto overflow-auto">
<div class="project-container flex-auto overflow-y-auto overflow-x-hidden" style="height: calc(100vh - 270px)">
<CodeViewer filepath={frame.filepath} doc={frame.doc} deltas={frame.deltas} />
</div>
{/if}
<div id="timeline" class="relative w-full py-4 px-4" bind:this={timeline}>
<div id="timeline" class="relative w-full px-4 pb-4" bind:this={timeline}>
<div
id="cursor"
use:slider
@ -188,7 +188,7 @@
<div class="h-5 w-0.5 rounded-sm bg-white" />
</div>
<div class="flex w-full items-center justify-between">
<div class="mb-4 flex w-full items-center justify-between">
<div id="from">
{new Date(minVisibleTimestamp).toLocaleString()}
</div>
@ -198,7 +198,7 @@
</div>
</div>
<div class="w-full">
<div class="w-full px-10">
<div id="ranges" class="flex w-full items-center gap-1" on:mousedown={onSelectTimestamp}>
<div
class="h-2 rounded-sm"

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

@ -245,7 +245,7 @@
‹
</button>
</div>
<div class="session-container flex w-full flex-col rounded-t border border-orange-400">
<div class="session-containerflex w-full flex-col rounded-t border border-orange-400">
<div
class="session-header flex items-center justify-between rounded-t-sm border border-orange-400 bg-orange-400 p-1 px-4 text-sm font-bold text-zinc-800"
>