Spaces:
Sleeping
Sleeping
Upload app/page.tsx with huggingface_hub
Browse files- app/page.tsx +13 -6
app/page.tsx
CHANGED
|
@@ -9,10 +9,17 @@ export default function Home() {
|
|
| 9 |
<nav className="sticky top-0 z-50 flex items-center justify-between border-b border-border bg-white px-8 h-[60px]">
|
| 10 |
<div className="flex items-center gap-12">
|
| 11 |
{/* Logo */}
|
| 12 |
-
<a href="#" className="text-base font-semibold text-foreground">
|
| 13 |
-
v0
|
|
|
|
| 14 |
</a>
|
| 15 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 16 |
{/* Nav Links */}
|
| 17 |
<div className="flex items-center gap-6">
|
| 18 |
<button className="flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
|
|
@@ -70,15 +77,15 @@ export default function Home() {
|
|
| 70 |
</p>
|
| 71 |
|
| 72 |
{/* Input Field */}
|
| 73 |
-
<div className="max-w-[600px] mx-auto flex items-center gap-2 p-2 border border-
|
| 74 |
-
<button className="p-2 hover:bg-accent rounded-
|
| 75 |
<Plus className="w-5 h-5 text-muted-foreground" />
|
| 76 |
</button>
|
| 77 |
<Input
|
| 78 |
placeholder="Ask v0 to build..."
|
| 79 |
-
className="border-0 shadow-none focus-visible:ring-0 text-sm"
|
| 80 |
/>
|
| 81 |
-
<button className="p-2 hover:bg-accent rounded-
|
| 82 |
<Upload className="w-5 h-5 text-muted-foreground" />
|
| 83 |
</button>
|
| 84 |
</div>
|
|
|
|
| 9 |
<nav className="sticky top-0 z-50 flex items-center justify-between border-b border-border bg-white px-8 h-[60px]">
|
| 10 |
<div className="flex items-center gap-12">
|
| 11 |
{/* Logo */}
|
| 12 |
+
<a href="#" className="flex items-center gap-1 text-base font-semibold text-foreground">
|
| 13 |
+
<span>v0</span>
|
| 14 |
+
<span className="text-xs font-normal text-muted-foreground">by Vercel</span>
|
| 15 |
</a>
|
| 16 |
|
| 17 |
+
{/* New Chat Button */}
|
| 18 |
+
<Button variant="outline" size="sm" className="gap-2">
|
| 19 |
+
<Plus className="w-4 h-4" />
|
| 20 |
+
New Chat
|
| 21 |
+
</Button>
|
| 22 |
+
|
| 23 |
{/* Nav Links */}
|
| 24 |
<div className="flex items-center gap-6">
|
| 25 |
<button className="flex items-center gap-1 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
|
|
|
|
| 77 |
</p>
|
| 78 |
|
| 79 |
{/* Input Field */}
|
| 80 |
+
<div className="max-w-[600px] mx-auto flex items-center gap-2 p-2 border border-input rounded-xl bg-background hover:border-muted-foreground/20 focus-within:border-ring transition-colors">
|
| 81 |
+
<button className="p-2 hover:bg-accent rounded-lg transition-colors">
|
| 82 |
<Plus className="w-5 h-5 text-muted-foreground" />
|
| 83 |
</button>
|
| 84 |
<Input
|
| 85 |
placeholder="Ask v0 to build..."
|
| 86 |
+
className="border-0 shadow-none focus-visible:ring-0 text-sm bg-transparent"
|
| 87 |
/>
|
| 88 |
+
<button className="p-2 hover:bg-accent rounded-lg transition-colors">
|
| 89 |
<Upload className="w-5 h-5 text-muted-foreground" />
|
| 90 |
</button>
|
| 91 |
</div>
|