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

Seed: ecommerce template (24 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:55:40 +00:00
parent 5e6250b2a4
commit 526cb7c62f
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Account.tsx
+5 -5
View File
@@ -85,7 +85,7 @@ export default function AccountPage() {
const renderStars = (count: number) => const renderStars = (count: number) =>
Array.from({ length: 5 }, (_, i) => ( Array.from({ length: 5 }, (_, i) => (
<Star key={i} className={`h-3 w-3 \${i < count ? "fill-amber-400 text-amber-400" : "text-stone-300"}`} /> <Star key={i} className={`h-3 w-3 ${i < count ? "fill-amber-400 text-amber-400" : "text-stone-300"}`} />
)); ));
return ( return (
@@ -137,9 +137,9 @@ export default function AccountPage() {
<TableCell className="font-medium">{order.id}</TableCell> <TableCell className="font-medium">{order.id}</TableCell>
<TableCell className="text-stone-500">{order.date}</TableCell> <TableCell className="text-stone-500">{order.date}</TableCell>
<TableCell> <TableCell>
<Badge className={`\${order.statusColor} border-0 font-medium`}>{order.status}</Badge> <Badge className={`${order.statusColor} border-0 font-medium`}>{order.status}</Badge>
</TableCell> </TableCell>
<TableCell className="text-right font-medium">\${order.total.toFixed(2)}</TableCell> <TableCell className="text-right font-medium">${order.total.toFixed(2)}</TableCell>
<TableCell className="text-right"> <TableCell className="text-right">
<Button variant="ghost" size="sm" className="text-rose-600 hover:text-rose-700"> <Button variant="ghost" size="sm" className="text-rose-600 hover:text-rose-700">
<Eye className="h-4 w-4 mr-1" /> View <Eye className="h-4 w-4 mr-1" /> View
@@ -221,7 +221,7 @@ export default function AccountPage() {
<div className="grid grid-cols-2 md:grid-cols-4 gap-6 stagger"> <div className="grid grid-cols-2 md:grid-cols-4 gap-6 stagger">
{wishlistItems.map((item) => ( {wishlistItems.map((item) => (
<Card key={item.id} className="overflow-hidden border-0 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300"> <Card key={item.id} className="overflow-hidden border-0 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300">
<div className={`aspect-[3/4] bg-gradient-to-br \${item.gradient} flex items-center justify-center text-stone-400 text-xs relative overflow-hidden`}> <div className={`aspect-[3/4] bg-gradient-to-br ${item.gradient} flex items-center justify-center text-stone-400 text-xs relative overflow-hidden`}>
<div className="absolute inset-0" style={{ backgroundImage: "radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1px)", backgroundSize: "16px 16px" }} /> <div className="absolute inset-0" style={{ backgroundImage: "radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1px)", backgroundSize: "16px 16px" }} />
<div className="absolute top-1/4 -left-8 h-24 w-24 rounded-full bg-white/30 blur-2xl" /> <div className="absolute top-1/4 -left-8 h-24 w-24 rounded-full bg-white/30 blur-2xl" />
<span className="relative">Image</span> <span className="relative">Image</span>
@@ -229,7 +229,7 @@ export default function AccountPage() {
<CardContent className="p-4 space-y-2"> <CardContent className="p-4 space-y-2">
<h3 className="font-medium text-sm">{item.name}</h3> <h3 className="font-medium text-sm">{item.name}</h3>
<div className="flex items-center gap-0.5">{renderStars(item.rating)}</div> <div className="flex items-center gap-0.5">{renderStars(item.rating)}</div>
<p className="font-semibold">\${item.price}</p> <p className="font-semibold">${item.price}</p>
<div className="flex gap-2 pt-1"> <div className="flex gap-2 pt-1">
<Button size="sm" className="flex-1 bg-stone-900 hover:bg-stone-800 text-xs rounded-full"> <Button size="sm" className="flex-1 bg-stone-900 hover:bg-stone-800 text-xs rounded-full">
<ShoppingBag className="h-3 w-3 mr-1" /> Add to Cart <ShoppingBag className="h-3 w-3 mr-1" /> Add to Cart