git-sync/profilarr
1
0
Fork 0
mirror of https://github.com/Dictionarry-Hub/profilarr.git synced 2026-01-22 10:51:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor(clone-button): Reduce size and adjust hover animation for clone button

Browse Source
This commit is contained in:
santiagosayshey
2024-08-16 15:31:19 +09:30
committed by Sam Chau
parent 851a02a794
commit 08a868254e
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/components/format/FormatCard.jsx
View File

@@ -15,9 +15,14 @@ function FormatCard({ format, onEdit, onClone, showDate, formatDate }) {
e.stopPropagation();
onClone(format);
}}
className="text-blue-500 hover:text-blue-700"
className="relative group"
>
<img src="/clone.svg" alt="Clone" className="w-6 h-6" />
<img
src="/clone.svg"
alt="Clone"
className="w-5 h-5 transition-transform transform group-hover:scale-125 group-hover:rotate-12 group-hover:-translate-y-1 group-hover:translate-x-1"
/>
<span className="absolute bottom-0 right-0 w-2 h-2 bg-green-500 rounded-full opacity-0 group-hover:opacity-100 transition-opacity"></span>
</button>
</div>
<p className="text-gray-600 dark:text-gray-400 text-sm mb-2">{format.description}</p>