diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-10-05 14:45:21 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-10-05 14:45:21 +0200 |
| commit | b7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch) | |
| tree | 64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/web-shared/src/components/link-card.svelte | |
| parent | 2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff) | |
| download | greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip | |
refactor: Change file structure
Diffstat (limited to 'old-apps/web-shared/src/components/link-card.svelte')
| -rw-r--r-- | old-apps/web-shared/src/components/link-card.svelte | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/old-apps/web-shared/src/components/link-card.svelte b/old-apps/web-shared/src/components/link-card.svelte deleted file mode 100644 index 85738c7..0000000 --- a/old-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> - |