fix: increase navbar icon and button sizes for easier tapping
Browse files
studio/src/LandingPage.tsx
CHANGED
|
@@ -34,13 +34,13 @@ function GitHubIcon({ className }: { className?: string }) {
|
|
| 34 |
/* ββ Navbar ββ */
|
| 35 |
function Navbar() {
|
| 36 |
return (
|
| 37 |
-
<nav className="fixed top-0 inset-x-0 z-50 h-
|
| 38 |
<div className="max-w-6xl mx-auto w-full flex items-center justify-between">
|
| 39 |
-
<div className="flex items-center gap-
|
| 40 |
-
<div className="w-
|
| 41 |
-
<Sparkles className="w-
|
| 42 |
</div>
|
| 43 |
-
<span className="font-bold text-
|
| 44 |
<span className="text-rose-400">Nemo</span>flix
|
| 45 |
</span>
|
| 46 |
</div>
|
|
@@ -50,16 +50,16 @@ function Navbar() {
|
|
| 50 |
href="https://github.com/ortegarod/nemoflix"
|
| 51 |
target="_blank"
|
| 52 |
rel="noopener noreferrer"
|
| 53 |
-
className="inline-flex items-center gap-
|
| 54 |
>
|
| 55 |
-
<GitHubIcon className="w-
|
| 56 |
<span className="hidden sm:inline">GitHub</span>
|
| 57 |
</a>
|
| 58 |
<Link
|
| 59 |
to="/studio"
|
| 60 |
-
className="inline-flex items-center gap-
|
| 61 |
>
|
| 62 |
-
Launch Studio <ArrowRight className="w-
|
| 63 |
</Link>
|
| 64 |
</div>
|
| 65 |
</div>
|
|
|
|
| 34 |
/* ββ Navbar ββ */
|
| 35 |
function Navbar() {
|
| 36 |
return (
|
| 37 |
+
<nav className="fixed top-0 inset-x-0 z-50 h-16 border-b border-gray-800/60 bg-black/90 backdrop-blur-xl flex items-center px-6">
|
| 38 |
<div className="max-w-6xl mx-auto w-full flex items-center justify-between">
|
| 39 |
+
<div className="flex items-center gap-3">
|
| 40 |
+
<div className="w-9 h-9 rounded-lg bg-gradient-to-br from-rose-500 via-fuchsia-500 to-amber-400 flex items-center justify-center">
|
| 41 |
+
<Sparkles className="w-5 h-5 text-white" />
|
| 42 |
</div>
|
| 43 |
+
<span className="font-bold text-base tracking-tight text-white">
|
| 44 |
<span className="text-rose-400">Nemo</span>flix
|
| 45 |
</span>
|
| 46 |
</div>
|
|
|
|
| 50 |
href="https://github.com/ortegarod/nemoflix"
|
| 51 |
target="_blank"
|
| 52 |
rel="noopener noreferrer"
|
| 53 |
+
className="inline-flex items-center gap-2 rounded-lg px-4 py-2 text-sm text-gray-500 hover:text-gray-200 transition"
|
| 54 |
>
|
| 55 |
+
<GitHubIcon className="w-4 h-4" />
|
| 56 |
<span className="hidden sm:inline">GitHub</span>
|
| 57 |
</a>
|
| 58 |
<Link
|
| 59 |
to="/studio"
|
| 60 |
+
className="inline-flex items-center gap-2 rounded-lg bg-rose-600 hover:bg-rose-500 px-4 py-2 text-sm font-semibold text-white transition"
|
| 61 |
>
|
| 62 |
+
Launch Studio <ArrowRight className="w-4 h-4" />
|
| 63 |
</Link>
|
| 64 |
</div>
|
| 65 |
</div>
|