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 .DS_Store
/node_modules/ /node_modules/
.vscode/cspell.json
.vscode/.cspell/
.env .env
# React Router # React Router

3
.vscode/settings.json vendored
View File

@ -26,6 +26,5 @@
"buttonClassName", "buttonClassName",
"leftNodeClassName", "leftNodeClassName",
"rightNodeClassName" "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"> <div className="flex flex-col justify-between">
<img <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} src={featured}
alt={title} alt={title}
/> />

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

@ -46,7 +46,7 @@ export const CategorySection = (properties: TNews) => {
> >
<img <img
className={twMerge( 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} src={featured}
alt={title} alt={title}