From 146d624d38f470f79894de65f776d33e52057a70 Mon Sep 17 00:00:00 2001 From: upsiflu Date: Fri, 20 Dec 2024 10:37:56 +0100 Subject: [PATCH] feat(ui-docs): custom grid layout; add examples --- front/src/components/ui/Card.vue | 5 +- front/src/components/ui/Layout.vue | 59 +++------- front/ui-docs/components/ui/layout/grid.md | 115 ++++++++++++++++++- front/ui-docs/components/ui/layout/image.png | Bin 0 -> 80389 bytes 4 files changed, 132 insertions(+), 47 deletions(-) create mode 100644 front/ui-docs/components/ui/layout/image.png diff --git a/front/src/components/ui/Card.vue b/front/src/components/ui/Card.vue index b093ae89f..e83cb0e91 100644 --- a/front/src/components/ui/Card.vue +++ b/front/src/components/ui/Card.vue @@ -12,11 +12,12 @@ import Spacer from './layout/Spacer.vue'; const props = defineProps<{ title: string category?: true | "h1" | "h2" | "h3" | "h4" | "h5" - small?: true tags?: string[] image?: string | { src: string, style?: "withPadding" } icon?: string +} & { + [Size in 'small' | 'auto']?: true } & Partial & (PastelProps | ColorProps | DefaultProps) & RaisedProps & VariantProps>() const image = typeof props.image === 'string' ? { src: props.image } : props.image @@ -90,7 +91,7 @@ const isExternalLink = computed(() => {