aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web-shared/src/components/link-card.svelte
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-09-20 09:24:27 +0200
committerivarlovlie <git@ivarlovlie.no>2022-09-20 09:24:27 +0200
commita9072370ca1eb9a5cce928b1d487db0f307edea6 (patch)
tree59c3c23df930a8b5f888dc7813923abf4ceefed4 /apps/web-shared/src/components/link-card.svelte
parent56fa963a1d63cbe0bf28e29e717cceaa417c45c1 (diff)
downloadgreatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.tar.xz
greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.zip
feat: Move old apps into it's own directory
Diffstat (limited to 'apps/web-shared/src/components/link-card.svelte')
-rw-r--r--apps/web-shared/src/components/link-card.svelte47
1 files changed, 0 insertions, 47 deletions
diff --git a/apps/web-shared/src/components/link-card.svelte b/apps/web-shared/src/components/link-card.svelte
deleted file mode 100644
index 85738c7..0000000
--- a/apps/web-shared/src/components/link-card.svelte
+++ /dev/null
@@ -1,47 +0,0 @@
-<script>
- export let text = "View";
- export let name;
- export let description = null;
- export let href = null;
- export let target;
- export let title = null;
-</script>
-
-<a class="link-card flex flex-column bg-light cursor-pointer radius-sm inner-glow {$$restProps.class??''}"
- {href}
- {target}
- {title}
- on:click
- aria-label="Link label">
- <div class="padding-sm">
- <div class="flex flex-wrap gap-xs items-center">
- <slot name="icon"></slot>
- <div class="line-height-xs">
- <p class="text-lg font-semibold color-contrast-higher">{name}</p>
- {#if description}
- <p class="color-contrast-low margin-top-xxxs">{description}</p>
- {/if}
- </div>
- </div>
- </div>
- <div class="link-card__footer margin-top-auto border-top border-contrast-lower">
- <p class="text-sm">{text}</p>
- <div>
- <svg class="icon icon--sm"
- viewBox="0 0 24 24">
- <g fill="none"
- stroke="currentColor"
- stroke-linecap="round"
- stroke-linejoin="round"
- stroke-width="2">
- <line x1="3"
- y1="12"
- x2="21"
- y2="12"/>
- <polyline points="15 6 21 12 15 18"/>
- </g>
- </svg>
- </div>
- </div>
-</a>
-