From a9072370ca1eb9a5cce928b1d487db0f307edea6 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 20 Sep 2022 15:24:27 +0800
Subject: feat: Move old apps into it's own directory

---
 .../src/components/breadcrumb/bread.svelte         |  9 ++++++++
 .../src/components/breadcrumb/crumb.svelte         | 27 ++++++++++++++++++++++
 .../web-shared/src/components/breadcrumb/index.ts  |  7 ++++++
 3 files changed, 43 insertions(+)
 create mode 100644 old-apps/web-shared/src/components/breadcrumb/bread.svelte
 create mode 100644 old-apps/web-shared/src/components/breadcrumb/crumb.svelte
 create mode 100644 old-apps/web-shared/src/components/breadcrumb/index.ts

(limited to 'old-apps/web-shared/src/components/breadcrumb')

diff --git a/old-apps/web-shared/src/components/breadcrumb/bread.svelte b/old-apps/web-shared/src/components/breadcrumb/bread.svelte
new file mode 100644
index 0000000..244bb24
--- /dev/null
+++ b/old-apps/web-shared/src/components/breadcrumb/bread.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+    export type sizes = "big"|"small";
+    export let size: sizes = "small";
+</script>
+<nav class="breadcrumbs {size === 'small' ? 'text-sm' : 'text-lg'}">
+    <ol class="flex flex-wrap items-center gap-xxs">
+        <slot></slot>
+    </ol>
+</nav>
diff --git a/old-apps/web-shared/src/components/breadcrumb/crumb.svelte b/old-apps/web-shared/src/components/breadcrumb/crumb.svelte
new file mode 100644
index 0000000..e540a44
--- /dev/null
+++ b/old-apps/web-shared/src/components/breadcrumb/crumb.svelte
@@ -0,0 +1,27 @@
+<script>
+    export let name;
+    export let withArrow = false;
+    export let isLink = false;
+</script>
+<li class="breadcrumbs__item">
+    {#if isLink}
+        <a class="color-inherit {isLink ? 'cursor-pointer color-primary-light' : ''}"
+           on:click>{name}</a>
+    {:else}
+        <span class="color-inherit {isLink ? 'cursor-pointer color-primary-light' : ''}"
+              on:click>{name}</span>
+    {/if}
+    {#if withArrow}
+        <svg class="icon margin-left-xxxs color-contrast-low"
+             aria-hidden="true"
+             viewBox="0 0 16 16">
+            <polyline fill="none"
+                      stroke="currentColor"
+                      stroke-width="1"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-miterlimit="10"
+                      points="6.5,3.5 11,8 6.5,12.5 "></polyline>
+        </svg>
+    {/if}
+</li>
diff --git a/old-apps/web-shared/src/components/breadcrumb/index.ts b/old-apps/web-shared/src/components/breadcrumb/index.ts
new file mode 100644
index 0000000..485ed7b
--- /dev/null
+++ b/old-apps/web-shared/src/components/breadcrumb/index.ts
@@ -0,0 +1,7 @@
+import Bread from "./bread.svelte";
+import Crumb from "./crumb.svelte";
+
+export {
+    Bread,
+    Crumb
+};
-- 
cgit v1.3