your personal website on atproto - mirror
blento.app
flo-bit.dev
1import type { CardDefinition } from '../types';
2import CreateFluidTextCardModal from './CreateFluidTextCardModal.svelte';
3import EditingFluidTextCard from './EditingFluidTextCard.svelte';
4import FluidTextCard from './FluidTextCard.svelte';
5import FluidTextCardSettings from './FluidTextCardSettings.svelte';
6
7export const FluidTextCardDefinition = {
8 type: 'fluid-text',
9 contentComponent: FluidTextCard,
10 editingContentComponent: EditingFluidTextCard,
11 createNew: (card) => {
12 card.cardType = 'fluid-text';
13 card.cardData = {
14 text: ''
15 };
16 card.w = 8;
17 card.h = 3;
18 card.mobileW = 8;
19 card.mobileH = 4;
20 },
21 creationModalComponent: CreateFluidTextCardModal,
22 settingsComponent: FluidTextCardSettings,
23 defaultColor: 'transparent',
24 allowSetColor: true,
25 minW: 2,
26
27 keywords: ['animated', 'big text', 'headline', 'display'],
28 groups: ['Visual'],
29 name: 'Fluid Text',
30 icon: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-4"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25H12" /></svg>`
31} as CardDefinition & { type: 'fluid-text' };