gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2025-01-07 10:26:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: fix formatting

Browse Source
This commit is contained in:
Mattias Granlund 2023-10-31 10:41:03 +01:00
parent e92a87f65e
commit 1d983516ed
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
packages/ui/src/routes/user/+page.svelte
View File

@ -163,7 +163,7 @@
<Login /> <Login />
{/if} {/if}
</div> </div>
<div class="bg-light-400 dark:bg-dark-700 h-[0.0625rem]" /> <div class="h-[0.0625rem] bg-light-400 dark:bg-dark-700" />
<div> <div>
<h2 class="mb-2 text-lg font-medium">GitButler Cloud</h2> <h2 class="mb-2 text-lg font-medium">GitButler Cloud</h2>
@ -245,7 +245,7 @@
{:else} {:else}
<Login /> <Login />
{/if} {/if}
<div class="bg-light-400 dark:bg-dark-700 h-[0.0625rem]" /> <div class="h-[0.0625rem] bg-light-400 dark:bg-dark-700" />
<div> <div>
<h2 class="mb-2 text-lg font-medium">Git Stuff</h2> <h2 class="mb-2 text-lg font-medium">Git Stuff</h2>
</div> </div>
@ -277,7 +277,7 @@
class="peer sr-only" class="peer sr-only"
/> />
<div <div
class="peer h-6 w-11 rounded-full bg-gray-400 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-purple-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 peer-disabled:bg-zinc-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800" class="peer-focus:ring-blue-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800 peer h-6 w-11 rounded-full bg-gray-400 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-purple-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-disabled:bg-zinc-300"
/> />
</label> </label>
</div> </div>
@ -285,7 +285,7 @@
<div class="flex flex-col space-y-2"> <div class="flex flex-col space-y-2">
<p>SSH Key</p> <p>SSH Key</p>
<div class="text-light-700 dark:text-dark-200 pr-8 text-sm"> <div class="pr-8 text-sm text-light-700 dark:text-dark-200">
<div> <div>
GitButler uses SSH keys to authenticate with your Git provider. Add the following public GitButler uses SSH keys to authenticate with your Git provider. Add the following public
key to your Git provider to enable GitButler to push code. key to your Git provider to enable GitButler to push code.
@ -295,7 +295,7 @@
<input <input
bind:value={sshKey} bind:value={sshKey}
class=" class="
whitespece-pre border-light-200 dark:border-dark-400 dark:bg-dark-700 w-full select-all rounded border bg-white p-2 font-mono" whitespece-pre w-full select-all rounded border border-light-200 bg-white p-2 font-mono dark:border-dark-400 dark:bg-dark-700"
/> />
</div> </div>
<div class="flex flex-row justify-end space-x-2"> <div class="flex flex-row justify-end space-x-2">
@ -315,7 +315,7 @@
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-grow"> <div class="flex-grow">
<p>Sign Commits with the above SSH Key</p> <p>Sign Commits with the above SSH Key</p>
<div class="text-light-700 dark:text-dark-200 space-y-2 pr-8 text-sm"> <div class="space-y-2 pr-8 text-sm text-light-700 dark:text-dark-200">
<div> <div>
If you want GitButler to sign your commits with the SSH key we generated, then you can If you want GitButler to sign your commits with the SSH key we generated, then you can
add that key to GitHub as a signing key to have those commits verified. add that key to GitHub as a signing key to have those commits verified.
@ -338,20 +338,20 @@
class="peer sr-only" class="peer sr-only"
/> />
<div <div
class="peer h-6 w-11 rounded-full bg-gray-400 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-purple-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 peer-disabled:bg-zinc-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800" class="peer-focus:ring-blue-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800 peer h-6 w-11 rounded-full bg-gray-400 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-purple-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-disabled:bg-zinc-300"
/> />
</label> </label>
</div> </div>
</div> </div>
<div class="bg-light-400 dark:bg-dark-700 h-[0.0625rem]" /> <div class="h-[0.0625rem] bg-light-400 dark:bg-dark-700" />
<div> <div>
<h2 class="mb-2 text-lg font-medium">Appearance</h2> <h2 class="mb-2 text-lg font-medium">Appearance</h2>
</div> </div>
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-grow"> <div class="flex-grow">
<p>Generate descriptions for code changes</p> <p>Generate descriptions for code changes</p>
<p class="text-light-700 dark:text-dark-200 text-sm"> <p class="text-sm text-light-700 dark:text-dark-200">
GitButler Cloud will generate descriptions for code hunks in your virtual branches board. GitButler Cloud will generate descriptions for code hunks in your virtual branches board.
</p> </p>
</div> </div>
@ -368,7 +368,7 @@
class="peer sr-only" class="peer sr-only"
/> />
<div <div
class="peer h-6 w-11 rounded-full bg-gray-400 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-purple-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800" class="peer-focus:ring-blue-300 dark:border-gray-600 dark:bg-gray-700 dark:peer-focus:ring-blue-800 peer h-6 w-11 rounded-full bg-gray-400 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:transition-all after:content-[''] peer-checked:bg-purple-600 peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-4"
/> />
</label> </label>
</div> </div>
@ -376,7 +376,7 @@
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-grow"> <div class="flex-grow">
<p>Interface theme</p> <p>Interface theme</p>
<p class="text-light-700 dark:text-dark-200 text-sm"> <p class="text-sm text-light-700 dark:text-dark-200">
Select or customize your interface theme. Select or customize your interface theme.
</p> </p>
</div> </div>
@ -423,7 +423,7 @@
href="https://discord.gg/wDKZCPEjXC" href="https://discord.gg/wDKZCPEjXC"
target="_blank" target="_blank"
rel="noreferrer" rel="noreferrer"
class="border-light-200 dark:border-dark-400 dark:bg-dark-700 flex-1 rounded border bg-white p-4" class="flex-1 rounded border border-light-200 bg-white p-4 dark:border-dark-400 dark:bg-dark-700"
> >
<p class="mb-2 font-medium">Join our Discorder</p> <p class="mb-2 font-medium">Join our Discorder</p>
<p class="text-light-700 dark:text-dark-200"> <p class="text-light-700 dark:text-dark-200">
@ -433,7 +433,7 @@
<a <a
href="mailto:hello@gitbutler.com?subject=Feedback or question!" href="mailto:hello@gitbutler.com?subject=Feedback or question!"
target="_blank" target="_blank"
class="border-light-200 dark:border-dark-400 dark:bg-dark-700 flex-1 rounded border bg-white p-4" class="flex-1 rounded border border-light-200 bg-white p-4 dark:border-dark-400 dark:bg-dark-700"
> >
<p class="mb-2 font-medium">Contact us</p> <p class="mb-2 font-medium">Contact us</p>
<p class="text-light-700 dark:text-dark-200"> <p class="text-light-700 dark:text-dark-200">
@ -442,7 +442,7 @@
</a> </a>
</div> </div>
<div class="bg-light-400 dark:bg-dark-700 h-[0.0625rem]" /> <div class="h-[0.0625rem] bg-light-400 dark:bg-dark-700" />
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<Button color="destructive" kind="outlined" on:click={() => deleteConfirmationModal.show()}> <Button color="destructive" kind="outlined" on:click={() => deleteConfirmationModal.show()}>
@ -459,7 +459,11 @@
</svelte:fragment> </svelte:fragment>
</Modal> </Modal>
<Modal on:close={() => gitHubOauthCheckStatus(deviceCode)} bind:this={gitHubOauthModal} title="Authenticate with GitHub"> <Modal
on:close={() => gitHubOauthCheckStatus(deviceCode)}
bind:this={gitHubOauthModal}
title="Authenticate with GitHub"
>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span class="flex-grow">1️⃣ Copy the following verification code: </span> <span class="flex-grow">1️⃣ Copy the following verification code: </span>
@ -475,16 +479,17 @@
</div> </div>
<div> <div>
2️⃣ Navigate to 2️⃣ Navigate to
<a class="underline" href="https://github.com/login/device" target="_blank" rel="noreferrer" <a
>https://github.com/login/device</a class="underline"
href="https://github.com/login/device"
target="_blank"
rel="noreferrer">https://github.com/login/device</a
> >
</div> </div>
<div>3️⃣ Paste the code that you copied and follow the on-screen instructions.</div> <div>3️⃣ Paste the code that you copied and follow the on-screen instructions.</div>
</div> </div>
<svelte:fragment slot="controls" let:close> <svelte:fragment slot="controls" let:close>
<Button color="purple" on:click={close} <Button color="purple" on:click={close}>Done</Button>
>Done</Button
>
</svelte:fragment> </svelte:fragment>
</Modal> </Modal>
</div> </div>