your personal website on atproto - mirror
blento.app
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 sidebarButtonText: 'Fluid Text',
24 defaultColor: 'transparent',
25 allowSetColor: true,
26 minW: 2
27} as CardDefinition & { type: 'fluid-text' };