diff --git a/src/base/projects/Browser.svelte b/src/base/projects/Browser.svelte index f903fa46e..332870fdf 100644 --- a/src/base/projects/Browser.svelte +++ b/src/base/projects/Browser.svelte @@ -53,14 +53,22 @@ .anchor-widget { display: flex; padding: 0.75rem; - color: var(--color-yellow); - background-color: var(--color-yellow-background); + color: var(--color-tertiary); + background-color: var(--color-tertiary-background); font-size: 0.75rem; border-radius: 0.25rem; } + .anchor-widget.not-anchored { + color: var(--color-foreground-faded); + background-color: var(--color-foreground-background); + } .anchor-label { + font-family: var(--font-family-monospace); margin-right: 0.5rem; } + .anchor-label:last-child { + margin-right: 0; + } .center-content { margin: 0 auto; @@ -123,9 +131,13 @@ {:then anchor} {#if anchor === commit} - anchor + anchored
+ {:else} + + not anchored 🔓 + {/if} {/await} {/if}