diff options
Diffstat (limited to 'src/components/widgets/Features2Custom.astro')
| -rw-r--r-- | src/components/widgets/Features2Custom.astro | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/widgets/Features2Custom.astro b/src/components/widgets/Features2Custom.astro index 605fd08..a52b8d0 100644 --- a/src/components/widgets/Features2Custom.astro +++ b/src/components/widgets/Features2Custom.astro @@ -53,13 +53,13 @@ const { {items.map(({ title, description, icon, iconSvg, callToAction, classes: itemClasses = {} }) => ( <div class={twMerge( - 'relative flex flex-col intersect-once intersect-quarter intercept-no-queue motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade rounded-lg shadow-[0_4px_30px_rgba(0,0,0,0.1)] dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] backdrop-blur border border-[#ffffff29] bg-white dark:bg-slate-900 p-6', + 'relative flex flex-col items-center sm:items-start intersect-once intersect-quarter intercept-no-queue motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade rounded-lg shadow-[0_4px_30px_rgba(0,0,0,0.1)] dark:shadow-[0_4px_30px_rgba(0,0,0,0.1)] backdrop-blur border border-[#ffffff29] bg-white dark:bg-slate-900 p-6', panelClass, itemClasses?.panel )} > {(icon || iconSvg || defaultIcon) && ( - <div class={twMerge('mb-6 w-12 h-12', defaultIconClass, itemClasses?.icon)}> + <div class={twMerge('mb-6 w-16 h-16', defaultIconClass, itemClasses?.icon)}> {iconSvg ? ( <div set:html={readFileSync(join(process.cwd(), iconSvg.replace('/src/', 'src/')), 'utf-8')} /> ) : ( @@ -70,7 +70,7 @@ const { <div class={twMerge('text-xl font-bold', titleClass, itemClasses?.title)}>{title}</div> {description && ( <p - class={twMerge('text-muted mt-2', descriptionClass, itemClasses?.description)} + class={twMerge('text-muted mt-2 text-center sm:text-left', descriptionClass, itemClasses?.description)} set:html={description} /> )} |