gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-11-23 20:54:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #181 from gitbutlerapp/ian/gb-201-quick-visual-fix-to-the-gitbutler-cloud

Browse Source 
Refactor Dialog and Commit page styling
This commit is contained in:
Ian Donahue 2023-04-12 18:21:51 +02:00 committed by GitHub
commit ad1a01573d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/Dialog/Dialog.svelte
View File

@ -10,16 +10,16 @@
</script>
<Modal on:close bind:this={modal}>
<div class="flex w-[620px] flex-col text-[#D4D4D8]">
<div class="mx-4 my-4 flex">
<div class="flex-grow text-[18px]">
<div class="flex flex-col text-zinc-400">
<div class="flex p-4">
<div class="flex-grow text-[18px] text-zinc-300">
<slot name="title">Title</slot>
</div>
<button on:click={() => modal.hide()}>
<IconClose class="h-6 w-6" />
</button>
</div>
<p class="mx-4 my-4 text-base">
<p class="p-4 text-base">
<slot />
</p>
<div class="m-4 ml-auto flex gap-4">

2
src/lib/components/Modal.svelte
View File

@ -42,7 +42,7 @@ It does minimal styling. A close event is fired when the modal is closed.
</Modal>
```
-->
<!-- test -->
<svelte:window on:click={handleClick} />
<dialog

10
src/routes/projects/[projectId]/commit/+page.svelte
View File

@ -157,20 +157,20 @@
<Dialog bind:this={connectToCloudDialog}>
<svelte:fragment slot="title">GitButler Cloud required</svelte:fragment>
<svelte:fragment>
<p>
<p class="py-2">
By connecting to GitButler Cloud you'll unlock improved, cloud only features, including
AI-generated commit summaries, and the assurance of never losing your work with synced
project.
</p>
<p class="mt-2 flex flex-col">
<span class="font-semibold">AI-genearate commits</span>
<p class="flex flex-col py-2">
<span class="font-semibold text-zinc-300">AI-genearate commits</span>
<span>
This not only saves you time and effort but also ensures consistency in tone and style,
ultimately helping you to boost sales and improve customer satisfaction.
</span>
</p>
<p class="mt-2 flex flex-col">
<span class="font-semibold">Secure and reliable backup</span>
<p class="flex flex-col py-2">
<span class="font-semibold text-zinc-300">Secure and reliable backup</span>
<span>
GitButler backup guarantees that anything you’ve ever written in your projects are safe,
secure and easily recoverable.