Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

fix: update styles in ComeFunziona component for improved layout and consistency

Browse source
This commit is contained in:
Marco Pedone 2026-01-22 16:09:50 +01:00
parent f157a2e7ef
commit d592c78216
2 changed files with 4 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/infoalloggi/src/components/come_funziona.tsx
View file

@ -39,7 +39,7 @@ export const ComeFunziona = () => {
]; ];
return ( return (
<div className="mx-auto w-full max-w-6xl py-2"> <div className="mx-auto w-full max-w-6xl py-2">
<h2 className="max-w-xl font-semibold text-3xl tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-[3.5rem]"> <h2 className="max-w-xl font-semibold text-3xl tracking-tight md:mx-auto md:text-center md:text-4xl md:leading-14">
{t.come_funziona.title} {t.come_funziona.title}
</h2> </h2>
<div className="mx-auto mt-8 w-full space-y-12 md:mt-16"> <div className="mx-auto mt-8 w-full space-y-12 md:mt-16">
@ -51,7 +51,7 @@ export const ComeFunziona = () => {
<div className="flex shrink-0 basis-1/2 justify-center"> <div className="flex shrink-0 basis-1/2 justify-center">
<Image <Image
alt={`img${feature.title}`} alt={`img${feature.title}`}
className="aspect-[6/4] rounded-xl border border-border/50" className="aspect-6/4 rounded-xl border border-border/50"
height={200} height={200}
src={feature.image} src={feature.image}
width={400} width={400}

8
apps/infoalloggi/src/components/expand_guida.tsx
View file

@ -18,17 +18,13 @@ export const ComeFunziona = () => {
triggerRadius="100px" triggerRadius="100px"
> >
<ExpandableScreenTrigger className="w-full"> <ExpandableScreenTrigger className="w-full">
<Button <Button className="w-full text-lg md:text-base lg:text-lg" size="xl">
className="w-full text-lg md:text-base lg:text-lg"
size="xl"
variant="info"
>
<HelpCircle /> <HelpCircle />
<span>{t.come_funziona_guida.title}</span> <span>{t.come_funziona_guida.title}</span>
</Button> </Button>
</ExpandableScreenTrigger> </ExpandableScreenTrigger>
<ExpandableScreenContent className="bg-info text-primary-foreground"> <ExpandableScreenContent className="bg-primary text-primary-foreground">
<div className="h-full space-y-6 p-6 py-12 sm:space-y-16 sm:px-10"> <div className="h-full space-y-6 p-6 py-12 sm:space-y-16 sm:px-10">
{t.come_funziona_guida.features.map((text, index) => ( {t.come_funziona_guida.features.map((text, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: <ok> // biome-ignore lint/suspicious/noArrayIndexKey: <ok>