mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Include Faqs widget in startup page

Browse Source
This commit is contained in:
widgeter
2023-08-04 22:03:31 +02:00
parent 157b207c9c
commit d596ad13ed
3 changed files with 52 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/widgets/Hero.astro
View File

@ -1,7 +1,7 @@
---
import { Icon } from 'astro-icon/components';
import { Picture } from '@astrojs/image/components';
import type { CallToAction } from '~/components/widgets/CallToAction.astro';
import { CallToAction } from '~/types';
export interface Props {
title?: string;
@ -48,7 +48,8 @@ const {
<a class="btn btn-primary sm:mb-0 w-full" href={callToAction?.href} target="_blank" rel="noopener">
{callToAction?.icon && (
<>
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />&nbsp;
<Icon name={callToAction.icon} class="w-5 h-5 mr-1 -ml-1.5" />
&nbsp;
</>
)}
{callToAction?.text}
@ -66,7 +67,8 @@ const {
<a class="btn w-full" href={callToAction2?.href}>
{callToAction2?.icon && (
<>
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />&nbsp;
<Icon name={callToAction2.icon} class="w-5 h-5 mr-1 -ml-1.5" />
&nbsp;
</>
)}
{callToAction2.text}

7
src/components/widgets/Hero2.astro
View File

@ -1,8 +1,7 @@
---
import { Icon } from 'astro-icon/components';
import { Picture } from '@astrojs/image/components';
import type { CallToAction } from '~/components/widgets/CallToAction.astro';
import { CallToAction } from '~/types';
export interface Props {
title?: string;
@ -39,7 +38,9 @@ const {
}
<div class="max-w-3xl mx-auto lg:max-w-none">
{subtitle && <p class="text-xl text-muted mb-6 dark:text-slate-300" set:html={subtitle} />}
<div class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4 lg:justify-start lg:m-0 lg:max-w-7xl">
<div
class="max-w-xs sm:max-w-md m-auto flex flex-nowrap flex-col sm:flex-row sm:justify-center gap-4 lg:justify-start lg:m-0 lg:max-w-7xl"
>
{
callToAction && (
<div class="flex w-full sm:w-auto">