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

banners style

Browse source
This commit is contained in:
Marco Pedone 2026-05-06 11:27:05 +02:00
parent 3fc8dd60f9
commit 73e7d07cec
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -18,11 +18,11 @@ export const BannerSection = ({
const { data: bannerData } = api.banners.getBannerData.useQuery({ const { data: bannerData } = api.banners.getBannerData.useQuery({
area_riservata, area_riservata,
}); });
if (!bannerData) return null; if (!bannerData || bannerData.length === 0) return null;
return ( return (
<div className="w-full space-y-1 p-1"> <div className="flex w-full flex-col gap-1">
{bannerData.map((banner) => ( {bannerData.map((banner) => (
<div key={`banner-elem-${banner.idbanner}`}> <div className="p-1" key={`banner-elem-${banner.idbanner}`}>
{BannerFactory(banner)} {BannerFactory(banner)}
</div> </div>
))} ))}
@ -123,7 +123,7 @@ const BannerFactory = (bannerData: Banners) => {
return ( return (
<div <div
className={cn( className={cn(
"mx-auto flex max-w-7xl items-center justify-between rounded-md py-1 text-xs sm:items-center sm:text-sm", "mx-auto flex w-full items-center justify-between rounded-md py-0.5 text-xs sm:items-center sm:text-sm",
mainClassName, mainClassName,
)} )}
> >