diff --git a/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte b/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte index 8caa16a4d..eb41cc3e0 100644 --- a/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte +++ b/gitbutler-ui/src/lib/components/DecorativeSplitView.svelte @@ -1,9 +1,11 @@ @@ -27,13 +29,36 @@ {/if} - + {/if} @@ -112,8 +137,6 @@ .wordmark { position: absolute; color: var(--clr-theme-scale-pop-30); - opacity: 0.6; - line-height: 1; right: var(--space-32); bottom: var(--space-32); } @@ -129,7 +152,7 @@ color: var(--clr-theme-scale-pop-20); display: flex; flex-direction: column; - gap: var(--space-6); + gap: var(--space-12); } .img-wrapper { diff --git a/gitbutler-ui/src/lib/components/IconLink.svelte b/gitbutler-ui/src/lib/components/IconLink.svelte index 95826ad9d..b38ef9e18 100644 --- a/gitbutler-ui/src/lib/components/IconLink.svelte +++ b/gitbutler-ui/src/lib/components/IconLink.svelte @@ -3,7 +3,7 @@ import Icon from '$lib/icons/Icon.svelte'; import type iconsJson from '$lib/icons/icons.json'; - export let iconOpacity: string = '0.5'; + export let iconOpacity: number = 0.7; export let icon: keyof typeof iconsJson; diff --git a/gitbutler-ui/src/lib/components/NotOnGitButlerBranch.svelte b/gitbutler-ui/src/lib/components/NotOnGitButlerBranch.svelte index c2b0ff979..89b82847b 100644 --- a/gitbutler-ui/src/lib/components/NotOnGitButlerBranch.svelte +++ b/gitbutler-ui/src/lib/components/NotOnGitButlerBranch.svelte @@ -1,7 +1,6 @@ @@ -21,7 +21,7 @@ class:pop={color == 'pop'} class:warn={color == 'warn'} class:default={!color} - style:opacity + style:fill-opacity={opacity} > {#if name == 'spinner'}