diff --git a/src/lib/components/QuickCommitModal.svelte b/src/lib/components/QuickCommitModal.svelte new file mode 100644 index 000000000..592a1c0d7 --- /dev/null +++ b/src/lib/components/QuickCommitModal.svelte @@ -0,0 +1,55 @@ + + + + + + + + ian/gb-1234-this-is-a-big-update + + + Autowrite + + + + + + + + + + + diff --git a/src/lib/components/icons/IconGitBranch.svelte b/src/lib/components/icons/IconGitBranch.svelte index ca01dd8b1..33e756f24 100644 --- a/src/lib/components/icons/IconGitBranch.svelte +++ b/src/lib/components/icons/IconGitBranch.svelte @@ -5,14 +5,14 @@ diff --git a/src/routes/projects/[projectId]/+layout.svelte b/src/routes/projects/[projectId]/+layout.svelte index e1702b54b..1e97a3798 100644 --- a/src/routes/projects/[projectId]/+layout.svelte +++ b/src/routes/projects/[projectId]/+layout.svelte @@ -5,6 +5,8 @@ import { page } from '$app/stores'; import { goto } from '$app/navigation'; import { IconSearch, IconSettings, IconTerminal } from '$lib/components/icons'; + import QuickCommitModal from '$lib/components/QuickCommitModal.svelte'; + import { onMount } from 'svelte'; export let data: LayoutData; const { project } = data; @@ -118,3 +120,5 @@ + + diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 0406399c3..926e33957 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -18,6 +18,10 @@ const config = { '4xl': '32px' }, colors: { + modal: { + background: '#242429', + stroke: '#3f3f3f' + }, gb: { 700: '#52525B' },