remi/Perplexica
1
0
Fork 0
mirror of https://github.com/ItzCrazyKns/Perplexica.git synced 2025-11-04 12:48:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(search-image): add button animations

Browse Source
This commit is contained in:
ItzCrazyKns
2024-04-30 12:39:04 +05:30
parent aae85cd767
commit ee053cf31e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/SearchImages.tsx
View File

@@ -92,7 +92,7 @@ const SearchImages = ({
key={i} key={i}
src={image.img_src} src={image.img_src}
alt={image.title} alt={image.title}
className="h-full w-full aspect-video object-cover rounded-lg transition duration-200 active:scale-95 cursor-pointer" className="h-full w-full aspect-video object-cover rounded-lg transition duration-200 active:scale-95 hover:scale-[1.02] cursor-zoom-in"
/> />
)) ))
: images.map((image, i) => ( : images.map((image, i) => (
@@ -108,13 +108,13 @@ const SearchImages = ({
key={i} key={i}
src={image.img_src} src={image.img_src}
alt={image.title} alt={image.title}
className="h-full w-full aspect-video object-cover rounded-lg transition duration-200 active:scale-95 cursor-pointer" className="h-full w-full aspect-video object-cover rounded-lg transition duration-200 active:scale-95 hover:scale-[1.02] cursor-zoom-in"
/> />
))} ))}
{images.length > 4 && ( {images.length > 4 && (
<button <button
onClick={() => setOpen(true)} onClick={() => setOpen(true)}
className="bg-[#111111] hover:bg-[#1c1c1c] transition duration-200 active:scale-95 h-auto w-full rounded-lg flex flex-col justify-between text-white p-2" className="bg-[#111111] hover:bg-[#1c1c1c] transition duration-200 active:scale-95 hover:scale-[1.02] h-auto w-full rounded-lg flex flex-col justify-between text-white p-2"
> >
<div className="flex flex-row items-center space-x-1"> <div className="flex flex-row items-center space-x-1">
{images.slice(3, 6).map((image, i) => ( {images.slice(3, 6).map((image, i) => (