andrewwallacespeckle
c2a95b484f
* New Text Styles. Initial FE2 changes * More fe2 styling classes * Minor update * Minor update * Fix build * More updates for discussion * More styling updates * Minor updates to inputs * More text updates * More font class swapping * Revert dui3 changes * Confirmed Lineheights * Add story files for new text styles * Minor copy changes * Minor typo * andrew/web-1371-misalignment-in-account-dropdown * andrew/web-1374-settings-text-styles-are-not-right * andrew/web-1375-nav-texts-should-be-14px * andrew/web-1376-decrease-size-of-versions-header * andrew/web-1377-version-card-title * semibold>medium * Measure mode * Changes from PR * Tweaked nav menu * Revert prose change. Add prose-sm --------- Co-authored-by: Mike Tasset <mike.tasset@gmail.com>
39 lines
924 B
Vue
39 lines
924 B
Vue
<template>
|
|
<LayoutPanel
|
|
class="w-full max-w-md shadow hover:shadow-xl transition"
|
|
rounded-border-size="2xl"
|
|
>
|
|
<div class="flex flex-col space-y-9 items-center h-full">
|
|
<Component :is="icon" class="h-16 w-16" />
|
|
<div class="text-center grow">
|
|
<h3 class="h4 leading-8 text-foreground"><slot name="title" /></h3>
|
|
<h4 class="mt-2 text-foreground-2">
|
|
<slot name="subtitle" />
|
|
</h4>
|
|
</div>
|
|
<FormButton
|
|
size="lg"
|
|
full-width
|
|
:to="to"
|
|
:icon-left="buttonIcon"
|
|
@click="$emit('click', $event)"
|
|
>
|
|
<slot name="ctaText" />
|
|
</FormButton>
|
|
</div>
|
|
</LayoutPanel>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import type { ConcreteComponent } from 'vue'
|
|
|
|
defineEmits<{
|
|
(e: 'click', v: MouseEvent): void
|
|
}>()
|
|
|
|
defineProps<{
|
|
icon: ConcreteComponent
|
|
buttonIcon: ConcreteComponent
|
|
to?: string
|
|
}>()
|
|
</script>
|