prettier format
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="stylesheet" type="text/css" href="styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
|
||||
|
@ -4,7 +4,7 @@
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6"
|
||||
class="h-6 w-6"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
|
Before Width: | Height: | Size: 341 B After Width: | Height: | Size: 341 B |
@ -4,7 +4,7 @@
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6"
|
||||
class="h-6 w-6"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
|
Before Width: | Height: | Size: 565 B After Width: | Height: | Size: 565 B |
@ -4,7 +4,7 @@
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6"
|
||||
class="h-6 w-6"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
|
Before Width: | Height: | Size: 674 B After Width: | Height: | Size: 674 B |
@ -4,7 +4,7 @@
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
class="w-6 h-6"
|
||||
class="h-6 w-6"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
|
Before Width: | Height: | Size: 490 B After Width: | Height: | Size: 490 B |
@ -20,7 +20,7 @@
|
||||
<div class="flex flex-col px-6 py-3">
|
||||
{#each hunk.lines as line}
|
||||
{#if !line.hidden}
|
||||
<div class="font-mono mb-px flex leading-4">
|
||||
<div class="mb-px flex font-mono leading-4">
|
||||
<span class="w-6 flex-shrink text-[#928374]"
|
||||
>{line.lineNumber ? line.lineNumber : ''}</span
|
||||
>
|
||||
|
@ -169,20 +169,23 @@
|
||||
<div class="h-full max-h-screen overflow-auto">
|
||||
<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
|
||||
{#each $projects as project}
|
||||
<a class="text-lg text-zinc-300 hover:text-zinc-200 " href="/projects/{project.id}/">
|
||||
<a
|
||||
class="text-lg text-zinc-300 hover:text-zinc-200 "
|
||||
href="/projects/{project.id}/"
|
||||
>
|
||||
<div
|
||||
class="flex flex-col justify-between space-y-1 rounded-lg bg-zinc-700 shadow border-zinc-700 border border-t-zinc-600 border-t-[1]"
|
||||
class="flex flex-col justify-between space-y-1 rounded-lg border border-zinc-700 border-t-zinc-600 border-t-[1] bg-zinc-700 shadow"
|
||||
>
|
||||
<div class="flex-grow-0 px-4 py-4">
|
||||
<div class="text-lg text-zinc-300 hover:text-zinc-200">
|
||||
{project.title}
|
||||
</div>
|
||||
<div class="text-base break-words text-zinc-500">
|
||||
<div class="break-words text-base text-zinc-500">
|
||||
{project.path}
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="font-mono flex-grow-0 rounded-b-lg border-t border-zinc-600 bg-zinc-600 px-3 py-1 text-zinc-300"
|
||||
class="flex-grow-0 rounded-b-lg border-t border-zinc-600 bg-zinc-600 px-3 py-1 font-mono text-zinc-300"
|
||||
>
|
||||
{#if project.api}
|
||||
<div class="flex flex-row items-center space-x-2 ">
|
||||
|
@ -118,20 +118,25 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<div class="project-section-component" style="height: calc(100vh - 110px); overflow: hidden;">
|
||||
<div class="flex h-full">
|
||||
<div class="main-column-containercol-span-2 mt-4" style="width: calc(100% * 0.66); height: calc(-126px + 100vh)">
|
||||
<h1 class="flex text-xl text-zinc-200 px-8">
|
||||
<div
|
||||
class="main-column-containercol-span-2 mt-4"
|
||||
style="width: calc(100% * 0.66); height: calc(-126px + 100vh)"
|
||||
>
|
||||
<h1 class="flex px-8 text-xl text-zinc-200">
|
||||
{$project?.title} <span class="ml-2 text-zinc-600">Project</span>
|
||||
</h1>
|
||||
<div class="mt-4">
|
||||
<div class="recent-file-changes-container w-full" >
|
||||
<h2 class="mb-4 text-lg font-bold text-zinc-300 px-8">Recent File Changes</h2>
|
||||
<div class="recent-file-changes-container w-full">
|
||||
<h2 class="mb-4 px-8 text-lg font-bold text-zinc-300">Recent File Changes</h2>
|
||||
{#if $dateSessions === undefined}
|
||||
<span>Loading...</span>
|
||||
{:else}
|
||||
<div class="flex flex-col space-y-4 px-8 overflow-y-auto pb-16" style="height: calc(100vh - 174px);">
|
||||
<div
|
||||
class="flex flex-col space-y-4 overflow-y-auto px-8 pb-16"
|
||||
style="height: calc(100vh - 174px);"
|
||||
>
|
||||
{#each orderedSessions($dateSessions) as [dateMilliseconds, fileSessions]}
|
||||
<div class="flex flex-col">
|
||||
<div class="mb-1 text-lg text-zinc-400 text-zinc-200">
|
||||
@ -141,7 +146,6 @@
|
||||
month: 'short',
|
||||
day: 'numeric'
|
||||
})}
|
||||
|
||||
</div>
|
||||
<div class="rounded bg-zinc-700 p-4">
|
||||
{#each Object.entries(fileSessions) as filetime}
|
||||
@ -158,10 +162,12 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="secondary-column-container col-span-1 border-l border-l-zinc-700 flex flex-col" style="width: 37%;">
|
||||
<div
|
||||
class="secondary-column-container col-span-1 flex flex-col border-l border-l-zinc-700"
|
||||
style="width: 37%;"
|
||||
>
|
||||
<div class="work-in-progress-container border-b border-zinc-700 py-4 px-4">
|
||||
<h2 class="mb-2 text-lg font-bold text-zinc-300">Work in Progress</h2>
|
||||
{#if $filesStatus.length == 0}
|
||||
@ -181,8 +187,10 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="recent-activity-container p-4" style="height: calc(100vh - 110px); overflow-y: auto;">
|
||||
|
||||
<div
|
||||
class="recent-activity-container p-4"
|
||||
style="height: calc(100vh - 110px); overflow-y: auto;"
|
||||
>
|
||||
<h2 class="text-lg font-bold text-zinc-300">Recent Activity</h2>
|
||||
{#each recentActivity($dateSessions) as activity}
|
||||
<div class="recent-activity-card mt-4 mb-1 rounded border border-zinc-700 text-zinc-400">
|
||||
|
@ -179,7 +179,6 @@
|
||||
id="description"
|
||||
name="description"
|
||||
rows="3"
|
||||
|
||||
class="w-full rounded-lg border border-zinc-600 bg-zinc-900 p-2 text-zinc-300"
|
||||
value={$project?.api?.description}
|
||||
/>
|
||||
|
@ -308,7 +308,7 @@
|
||||
<div class="col-span-1 flex items-center justify-center" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="timeline-file-list flex mb-1 border-b-zinc-700 border-b-2">
|
||||
<div class="timeline-file-list mb-1 flex border-b-2 border-b-zinc-700">
|
||||
<div class="grid flex-auto grid-cols-1 grid-rows-1">
|
||||
<!-- file names list -->
|
||||
<div
|
||||
|
@ -78,8 +78,7 @@
|
||||
name="name"
|
||||
bind:value={userName}
|
||||
type="text"
|
||||
class="px-4 py-2 text-zinc-300 bg-zinc-900 border border-zinc-600 rounded-lg w-full"
|
||||
|
||||
class="w-full rounded-lg border border-zinc-600 bg-zinc-900 px-4 py-2 text-zinc-300"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
@ -92,8 +91,7 @@
|
||||
name="email"
|
||||
bind:value={$user.email}
|
||||
type="text"
|
||||
class="px-4 py-2 text-zinc-300 bg-zinc-900 border border-zinc-600 rounded-lg w-full"
|
||||
|
||||
class="w-full rounded-lg border border-zinc-600 bg-zinc-900 px-4 py-2 text-zinc-300"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -209,8 +207,8 @@
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<div class="flex flex-col mt-8 border-t border-zinc-400 pt-4">
|
||||
<h2 class="text-lg text-zinc-100 font-medium">Get Support</h2>
|
||||
<div class="mt-8 flex flex-col border-t border-zinc-400 pt-4">
|
||||
<h2 class="text-lg font-medium text-zinc-100">Get Support</h2>
|
||||
<div class="text-sm text-zinc-300">
|
||||
If you have an issue or any questions, please email us.
|
||||
</div>
|
||||
|