legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update image aspect ratios in carousel and category sections

Browse Source
This commit is contained in:
fredy.siswanto 2025-03-09 06:46:46 +07:00
parent 0b6327e2fb
commit ecd1900acc
4 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -1,5 +1,7 @@
.DS_Store
/node_modules/
.vscode/cspell.json
.vscode/.cspell/
.env
# React Router

3
.vscode/settings.json vendored
View File

@ -26,6 +26,5 @@
"buttonClassName",
"leftNodeClassName",
"rightNodeClassName"
],
"cSpell.words": []
]
}

2
app/components/ui/carousel-section.tsx
View File

@ -84,7 +84,7 @@ export const CarouselSection = (properties: TNews) => {
>
<div className="flex flex-col justify-between">
<img
className="aspect-[5/4] max-h-[280px] w-full rounded-md object-cover"
className="aspect-[174/100] max-h-[280px] w-full rounded-md object-cover sm:aspect-[5/4]"
src={featured}
alt={title}
/>

2
app/components/ui/category-section.tsx
View File

@ -46,7 +46,7 @@ export const CategorySection = (properties: TNews) => {
>
<img
className={twMerge(
'aspect-[5/4] w-full rounded-md object-cover',
'aspect-[174/100] w-full rounded-md object-cover sm:aspect-[5/4]',
)}
src={featured}
alt={title}