From 71edb91c4ff17a258d6229ed6c6fa6a4b54bdd53 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Thu, 1 Jun 2023 16:47:23 +0200 Subject: [PATCH] fix(Avatar): placeholder font size --- docs/content/2.elements/1.avatar.md | 1 + src/runtime/app.config.ts | 20 ++++++++++---------- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/docs/content/2.elements/1.avatar.md b/docs/content/2.elements/1.avatar.md index 7d81f140..622c88ed 100644 --- a/docs/content/2.elements/1.avatar.md +++ b/docs/content/2.elements/1.avatar.md @@ -54,6 +54,7 @@ If there's an `alt` prop initials will be displayed on top of the background, cu --- props: alt: 'Benjamin Canac' + size: 'sm' --- :: diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts index 3dd0bacd..dec01c9a 100644 --- a/src/runtime/app.config.ts +++ b/src/runtime/app.config.ts @@ -53,17 +53,17 @@ const avatar = { wrapper: 'relative inline-flex items-center justify-center', background: 'bg-gray-100 dark:bg-gray-800', rounded: 'rounded-full', - placeholder: 'text-xs font-medium leading-none text-gray-900 dark:text-white truncate', + placeholder: 'font-medium leading-none text-gray-900 dark:text-white truncate', size: { - '3xs': 'h-4 w-4 text-xs', - '2xs': 'h-5 w-5 text-xs', - xs: 'h-6 w-6 text-xs', - sm: 'h-8 w-8 text-sm', - md: 'h-10 w-10 text-md', - lg: 'h-12 w-12 text-lg', - xl: 'h-14 w-14 text-xl', - '2xl': 'h-16 w-16 text-2xl', - '3xl': 'h-20 w-20 text-3xl' + '3xs': 'h-4 w-4 text-[8px]', + '2xs': 'h-5 w-5 text-[10px]', + xs: 'h-6 w-6 text-[11px]', + sm: 'h-8 w-8 text-xs', + md: 'h-10 w-10 text-sm', + lg: 'h-12 w-12 text-base', + xl: 'h-14 w-14 text-lg', + '2xl': 'h-16 w-16 text-xl', + '3xl': 'h-20 w-20 text-2xl' }, chip: { base: 'absolute block rounded-full ring-1 ring-white dark:ring-gray-900',