danak/shop-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change banner sizes

Browse Source
This commit is contained in:
hamid zarghami
2025-12-04 11:47:31 +03:30
parent 5b132b3387
commit cf5f6ff2a0
4 changed files with 240 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/home/components/Banners3.tsx
+10 -10
View File
@@ -31,37 +31,37 @@ const Banners3: FC = () => {
return (
<div className='flex lg:flex-row flex-col gap-4'>
<div className='flex flex-col gap-2 h-full flex-1'>
<div className='flex-1 h-full'>
<Link href={firstBanner.linkUrl || '#'}>
<div className='flex flex-col gap-2 flex-1 min-w-0'>
<div className='flex-1 min-h-0'>
<Link href={firstBanner.linkUrl || '#'} className='block h-full'>
<Image
src={firstBanner.imageUrl}
height={500}
width={1000}
className='flex-1 rounded-lg'
className='w-full h-full object-cover rounded-lg'
alt={firstBanner.altText}
/>
</Link>
</div>
<div className='flex-1 h-full'>
<Link href={secondBanner.linkUrl || '#'}>
<div className='flex-1 min-h-0'>
<Link href={secondBanner.linkUrl || '#'} className='block h-full'>
<Image
src={secondBanner.imageUrl}
height={500}
width={1000}
className='flex-1 rounded-lg'
className='w-full h-full object-cover rounded-lg'
alt={secondBanner.altText}
/>
</Link>
</div>
</div>
<div className='flex-1 h-full'>
<Link href={thirdBanner.linkUrl || '#'}>
<div className='flex-1 min-w-0'>
<Link href={thirdBanner.linkUrl || '#'} className='block h-full'>
<Image
src={thirdBanner.imageUrl}
height={1000}
width={1000}
className='flex-1 rounded-lg h-full object-cover'
className='w-full h-full object-cover rounded-lg'
alt={thirdBanner.altText}
/>
</Link>
src/app/home/components/Banners4.tsx
+3 -3
View File
@@ -38,7 +38,7 @@ const Banners4: FC = () => {
return (
<div className='flex lg:flex-row flex-col gap-6'>
<div className='flex-1 rounded-[10px]'>
<div className='flex-1 rounded-[10px] min-w-0'>
<Link href={firstBanner.linkUrl || '#'} className='block'>
<Image
src={firstBanner.imageUrl}
@@ -50,7 +50,7 @@ const Banners4: FC = () => {
</Link>
</div>
<div className='lg:w-[12%] w-full flex flex-col gap-6'>
<div className='lg:w-[140px] xl:w-[180px] 2xl:w-[220px] w-full flex flex-col gap-6 shrink-0'>
<div className='w-full rounded-[10px]'>
<Link href={secondBanner.linkUrl || '#'} className='block'>
<Image
@@ -75,7 +75,7 @@ const Banners4: FC = () => {
</div>
</div>
<div className='lg:w-[30%] w-full rounded-lg'>
<div className='lg:w-[280px] xl:w-[360px] 2xl:w-[420px] w-full rounded-lg shrink-0'>
<Link href={fourthBanner.linkUrl || '#'} className='block'>
<Image
src={fourthBanner.imageUrl}