vibeasite-templates/template-wedding
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: wedding template (15 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:59:27 +00:00
parent 86fd5b8894
commit a32ddd21e9
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Gallery.tsx
+2 -2
View File
@@ -41,7 +41,7 @@ export default function GalleryPage() {
{/* Category Filter */} {/* Category Filter */}
<div className="flex justify-center gap-2 mb-12 flex-wrap"> <div className="flex justify-center gap-2 mb-12 flex-wrap">
{categories.map((cat) => ( {categories.map((cat) => (
<Button key={cat} variant={active === cat ? "default" : "outline"} size="sm" onClick={() => setActive(cat)} className={`rounded-full text-xs \${active === cat ? "bg-rose-400 hover:bg-rose-500 text-white" : "border-rose-200 text-rose-500 hover:bg-rose-50 dark:border-stone-600 dark:text-rose-400 dark:hover:bg-stone-800"}`}> <Button key={cat} variant={active === cat ? "default" : "outline"} size="sm" onClick={() => setActive(cat)} className={`rounded-full text-xs ${active === cat ? "bg-rose-400 hover:bg-rose-500 text-white" : "border-rose-200 text-rose-500 hover:bg-rose-50 dark:border-stone-600 dark:text-rose-400 dark:hover:bg-stone-800"}`}>
{cat} {cat}
</Button> </Button>
))} ))}
@@ -50,7 +50,7 @@ export default function GalleryPage() {
{/* Photo Grid */} {/* Photo Grid */}
<div className="columns-2 md:columns-3 gap-4 space-y-4 stagger"> <div className="columns-2 md:columns-3 gap-4 space-y-4 stagger">
{filtered.map((photo) => ( {filtered.map((photo) => (
<div key={photo.id} onClick={() => setLightbox(photo.id)} className={`\${photo.h} rounded-xl bg-gradient-to-br \${photo.gradient} overflow-hidden group cursor-pointer relative break-inside-avoid hover:-translate-y-1 hover:shadow-lg transition-all duration-300`}> <div key={photo.id} onClick={() => setLightbox(photo.id)} className={`${photo.h} rounded-xl bg-gradient-to-br ${photo.gradient} overflow-hidden group cursor-pointer relative break-inside-avoid hover:-translate-y-1 hover:shadow-lg transition-all duration-300`}>
<div className="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center"> <div className="absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center">
<Camera className="h-8 w-8 text-white opacity-0 group-hover:opacity-100 transition-opacity" /> <Camera className="h-8 w-8 text-white opacity-0 group-hover:opacity-100 transition-opacity" />
</div> </div>