michalspeckle
3c7a652e98
* feat(fe): render different CardImportFileArea variants based on context * feat(fe): remove default emptyStateVariant * refactor(fe): use container classes * feat(fe): remove click from full card upload area. Only on buttons * chore(fe): updates to empty states, clean up. * feat(fe): new empty state illustrations refactor * chore(fe): removing nested selectors and clean up * chore(fe): removed default variant * feat(fe): empty state illustration slot added and styling changes * feat(fe): new empty state illustrations and styling changes * chore(fe): copy change * chore(fe): refactor --------- Co-authored-by: andrewwallacespeckle <andrew@speckle.systems>
25 lines
627 B
Vue
25 lines
627 B
Vue
<template>
|
|
<div
|
|
class="w-full flex justify-center items-center p-20 gap-8 text-balance flex-col text-center"
|
|
>
|
|
<slot name="illustration"></slot>
|
|
<div>
|
|
<p class="text-foreground-2 text-heading-sm p-0 m-0">
|
|
{{ title }}
|
|
</p>
|
|
<p v-if="text" class="text-body-xs max-w-xs mx-auto text-foreground-2 mt-2 p-0">
|
|
{{ text }}
|
|
</p>
|
|
<div class="w-full flex flex-row justify-center max-w-xs mx-auto mt-3 flex-wrap">
|
|
<slot name="cta"></slot>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
title: string
|
|
text?: string
|
|
}>()
|
|
</script>
|