Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Add a yellow-outline Badge variant
Sebastian Martinez committed 2 years ago
commit 3198bbd33025fd03e3d8cf63b44c1f22b8be9f9b
parent d00b8f5a1a61a90424a10399b1da785445ff4de2
2 files changed +8 -1
modified src/components/Badge.svelte
@@ -3,6 +3,7 @@
    | "caution"

    | "foreground"

    | "background"
+ 
    | "yellowOutline"

    | "neutral"

    | "negative"

    | "positive"
@@ -46,6 +47,11 @@
    color: var(--color-foreground-match-background);

    background-color: var(--color-fill-secondary);

  }
+ 
  .yellow-outline {
+ 
    border: 1px solid var(--color-foreground-yellow);
+ 
    color: var(--color-foreground-yellow);
+ 
    background-color: transparent;
+ 
  }

  .negative {

    color: var(--color-foreground-match-background);

    background-color: var(--color-foreground-red);
@@ -88,6 +94,7 @@
  class:small={size === "small"}

  class:medium={size === "medium"}

  class:caution={variant === "caution"}
+ 
  class:yellow-outline={variant === "yellowOutline"}

  class:background={variant === "background"}

  class:foreground={variant === "foreground"}

  class:neutral={variant === "neutral"}
modified src/views/projects/Layout.svelte
@@ -91,7 +91,7 @@
      </Link>

    </span>

    {#if project.visibility && project.visibility.type === "private"}
- 
      <Badge variant="caution" size="tiny">
+ 
      <Badge variant="yellowOutline" size="tiny">

        {capitalize(project.visibility.type)}

      </Badge>

    {/if}