ortegarod commited on
Commit
c653c21
Β·
1 Parent(s): 23ba253

fix: increase navbar icon and button sizes for easier tapping

Browse files
Files changed (1) hide show
  1. studio/src/LandingPage.tsx +9 -9
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-14 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-2.5">
40
- <div className="w-7 h-7 rounded-lg bg-gradient-to-br from-rose-500 via-fuchsia-500 to-amber-400 flex items-center justify-center">
41
- <Sparkles className="w-3.5 h-3.5 text-white" />
42
  </div>
43
- <span className="font-bold text-sm tracking-tight text-white">
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-1.5 rounded-lg px-3 py-1.5 text-xs text-gray-500 hover:text-gray-200 transition"
54
  >
55
- <GitHubIcon className="w-3.5 h-3.5" />
56
  <span className="hidden sm:inline">GitHub</span>
57
  </a>
58
  <Link
59
  to="/studio"
60
- className="inline-flex items-center gap-1.5 rounded-lg bg-rose-600 hover:bg-rose-500 px-3 py-1.5 text-xs font-semibold text-white transition"
61
  >
62
- Launch Studio <ArrowRight className="w-3.5 h-3.5" />
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>