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>
25 lines
625 B
Vue
25 lines
625 B
Vue
<template>
|
|
<div class="flex flex-col items-center max-w-[180px] mx-auto">
|
|
<div
|
|
class="relative text-foreground-2 h-32 w-full"
|
|
:class="small ? 'scale-75 -mb-2' : 'mb-1'"
|
|
>
|
|
<slot name="image"></slot>
|
|
</div>
|
|
<div class="flex flex-col gap-1 items-center text-center">
|
|
<span class="text-foreground text-heading">{{ title }}</span>
|
|
<span v-if="text" class="text-xs text-foreground-2">
|
|
{{ text }}
|
|
</span>
|
|
</div>
|
|
<slot name="cta"></slot>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
small?: boolean
|
|
title: string
|
|
text?: string
|
|
}>()
|
|
</script>
|