Amirmahdi/aramejan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: drawer in mobile view

Browse Source
This commit is contained in:
Amirmahdi
2025-11-07 16:31:45 +03:30
parent 5b5d1cfa69
commit e95983d9b0
4 changed files with 78 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/DownloadSection.jsx
+3 -3
View File
@@ -59,7 +59,7 @@ function DownloadSection() {
className={`relative flex flex-col items-center justify-center p-8 bg-gradient-to-br ${option.gradient} rounded-3xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 group ${option.animation} overflow-hidden border ${option.border}`}
>
{/* Shine effect */}
<div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div>
{/* <div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"></div> */}
{option.badge && (
<div className="absolute -top-0 right-0 bg-primary-200 px-2 py-2 rounded text-xs font-bold">
@@ -71,8 +71,8 @@ function DownloadSection() {
<img src={option.icon} alt="Download" className="w-20 h-20 border border-transparent rounded-xl " />
{/* <option.icon className="w-8 h-8" /> */}
</div>
<h3 className="text-xl font-bold mb-2">{option.title}</h3>
<p className="text-sm">{option.description}</p>
<h3 className="text-xl text-black font-bold mb-2">{option.title}</h3>
<p className="text-sm text-black">{option.description}</p>
</a>
))}
</div>