prettier format

This commit is contained in:
Kiril Videlov 2023-03-10 18:17:09 +01:00
parent 33070b445a
commit dff47ecbd9
11 changed files with 37 additions and 29 deletions

View File

@ -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>

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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
>

View File

@ -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 ">

View File

@ -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">

View File

@ -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}
/>

View File

@ -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

View File

@ -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>