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

responsive home page and layout

Browse Source
This commit is contained in:
hamid zarghami
2026-07-19 16:29:37 +03:30
parent 2adaac8ec4
commit cd266c057c
20 changed files with 198 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/home/components/CategoryCard.tsx
+3 -3
View File
@@ -9,9 +9,9 @@ type CategoryCardProps = {
const CategoryCard: FC<CategoryCardProps> = ({ title }) => {
return (
<div className="w-full bg-[#D4E3F154]/33 rounded-[40px] p-6">
<div className="flex justify-between items-center">
<div className="text-[#21588C] font-bold">{title}</div>
<div className="w-full bg-[#D4E3F154]/33 rounded-[24px] sm:rounded-[40px] p-4 sm:p-6">
<div className="flex justify-between items-center gap-2">
<div className="text-[#21588C] font-bold text-sm sm:text-base">{title}</div>
<div className="bg-white/40 flex justify-center items-center">
<ArrowLeft size={20} color="currentColor" className="text-primary rotate-45" />
</div>