From b6a123fe726a339f87cbdc90c7521337c0fb848d Mon Sep 17 00:00:00 2001
From: Utkarsh patrikar <137105846+utkarsh232005@users.noreply.github.com>
Date: Tue, 26 May 2026 12:58:28 +0530
Subject: [PATCH] Revert "Ui responsive for mobile"

---
 package.json                     |  3 +-
 scripts/patch-lovable-config.cjs | 37 --------------------
 src/components/Commands.tsx      |  4 +--
 src/components/Hero.tsx          |  8 ++---
 src/components/Navbar.tsx        | 60 ++------------------------------
 src/components/Terminal.tsx      |  2 +-
 vite.config.ts                   |  2 +-
 7 files changed, 11 insertions(+), 105 deletions(-)
 delete mode 100644 scripts/patch-lovable-config.cjs

diff --git a/package.json b/package.json
index 8bf24d4..9b51765 100644
--- a/package.json
+++ b/package.json
@@ -9,8 +9,7 @@
     "build:dev": "vite build --mode development",
     "preview": "vite preview",
     "lint": "eslint .",
-    "format": "prettier --write .",
-    "postinstall": "node scripts/patch-lovable-config.cjs"
+    "format": "prettier --write ."
   },
   "dependencies": {
     "@cloudflare/vite-plugin": "^1.25.5",
diff --git a/scripts/patch-lovable-config.cjs b/scripts/patch-lovable-config.cjs
deleted file mode 100644
index 47a6d89..0000000
--- a/scripts/patch-lovable-config.cjs
+++ /dev/null
@@ -1,37 +0,0 @@
-// Patches @lovable.dev/vite-tanstack-config to prefer the ESM entrypoint
-// (dist/index.js) over the CJS one (dist/index.cjs) for import contexts.
-// Required for Node.js >=22.12 compat — the CJS file does require("vite"),
-// which is ESM-only, causing ERR_REQUIRE_CYCLE_MODULE.
-const fs = require("fs");
-const path = require("path");
-
-const pkgPath = path.resolve(
-  __dirname,
-  "..",
-  "node_modules",
-  "@lovable.dev",
-  "vite-tanstack-config",
-  "package.json"
-);
-
-if (!fs.existsSync(pkgPath)) {
-  console.warn("[patch-lovable-config] package not found — skipping");
-  process.exit(0);
-}
-
-const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
-
-if (pkg.exports) {
-  console.log("[patch-lovable-config] exports already present — nothing to do");
-  process.exit(0);
-}
-
-pkg.exports = {
-  ".": {
-    import: "./dist/index.js",
-    require: "./dist/index.cjs",
-  },
-};
-
-fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
-console.log("[patch-lovable-config] added exports field to prefer ESM entrypoint");
diff --git a/src/components/Commands.tsx b/src/components/Commands.tsx
index 083fea2..93266cd 100644
--- a/src/components/Commands.tsx
+++ b/src/components/Commands.tsx
@@ -63,12 +63,12 @@ export const Commands = () => {
         </div>
 
         <div className="grid lg:grid-cols-[320px_1fr] gap-6">
-          <div className="flex lg:flex-col gap-px bg-border overflow-x-auto">
+          <div className="flex lg:flex-col gap-px bg-border">
             {commands.map((c, i) => (
               <button
                 key={c.name}
                 onClick={() => setActive(i)}
-                className={`text-left p-5 transition-colors whitespace-nowrap lg:whitespace-normal flex-1 min-h-[44px] ${
+                className={`text-left p-5 transition-colors whitespace-nowrap lg:whitespace-normal flex-1 ${
                   active === i
                     ? "bg-[rgba(255,255,255,0.05)] border-l-2 border-l-foreground"
                     : "bg-background hover:bg-[rgba(255,255,255,0.03)]"
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index 20b3911..982038d 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -52,17 +52,17 @@ export const Hero = () => {
               </a>
             </div>
 
-            <div className="grid grid-cols-1 sm:grid-cols-3 gap-6 pt-8 border-t border-border">
+            <div className="grid grid-cols-3 gap-6 pt-8 border-t border-border">
               <div>
-                <div className="font-mono text-2xl sm:text-3xl font-light">12k+</div>
+                <div className="font-mono text-3xl font-light">12k+</div>
                 <div className="text-xs text-foreground/50 mt-1">Active clusters</div>
               </div>
               <div>
-                <div className="font-mono text-2xl sm:text-3xl font-light">99.99%</div>
+                <div className="font-mono text-3xl font-light">99.99%</div>
                 <div className="text-xs text-foreground/50 mt-1">Uptime SLA</div>
               </div>
               <div>
-                <div className="font-mono text-2xl sm:text-3xl font-light">&lt;50ms</div>
+                <div className="font-mono text-3xl font-light">&lt;50ms</div>
                 <div className="text-xs text-foreground/50 mt-1">Stream latency</div>
               </div>
             </div>
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 12be241..1b953f0 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -1,7 +1,5 @@
 import { Link } from "@tanstack/react-router";
-import { Menu, Star } from "lucide-react";
-
-import { Sheet, SheetTrigger, SheetContent, SheetClose } from "`@/components/ui/sheet`";
+import { Star } from "lucide-react";
 
 export const Navbar = () => {
   return (
@@ -17,65 +15,11 @@ export const Navbar = () => {
           <Link to="/docs" className="text-foreground hover:text-foreground/50 transition-colors">Docs</Link>
         </div>
         <div className="flex items-center gap-3">
-          {/* Mobile hamburger trigger — visible only below md */}
-          <Sheet>
-            <SheetTrigger asChild>
-              <button
-                className="md:hidden p-2 text-foreground hover:text-foreground/50 transition-colors"
-                aria-label="Open navigation menu"
-              >
-                <Menu className="h-5 w-5" />
-              </button>
-            </SheetTrigger>
-            <SheetContent side="right" className="w-[280px] sm:w-[350px]">
-              <nav className="flex flex-col gap-6 mt-12">
-                <SheetClose asChild>
-                  <a
-                    href="#features"
-                    className="font-mono text-sm uppercase tracking-[1.4px] text-foreground hover:text-foreground/50 transition-colors"
-                  >
-                    Features
-                  </a>
-                </SheetClose>
-                <SheetClose asChild>
-                  <a
-                    href="#commands"
-                    className="font-mono text-sm uppercase tracking-[1.4px] text-foreground hover:text-foreground/50 transition-colors"
-                  >
-                    Commands
-                  </a>
-                </SheetClose>
-                <SheetClose asChild>
-                  <Link
-                    to="/docs"
-                    className="font-mono text-sm uppercase tracking-[1.4px] text-foreground hover:text-foreground/50 transition-colors"
-                  >
-                    Docs
-                  </Link>
-                </SheetClose>
-                <div className="pt-4 border-t border-border">
-                  <SheetClose asChild>
-                    <a
-                      href="https://github.com/KDM-cli/kdm-cli"
-                      target="_blank"
-                      rel="noreferrer"
-                      className="btn-mono px-4 py-2 inline-flex items-center gap-2 border border-[rgba(255,255,255,0.2)] text-foreground hover:bg-[rgba(255,255,255,0.05)] transition-colors"
-                    >
-                      <Star className="h-4 w-4" />
-                      Star us
-                    </a>
-                  </SheetClose>
-                </div>
-              </nav>
-            </SheetContent>
-          </Sheet>
-
-          {/* Desktop GitHub CTA — hidden on mobile (replaced by Sheet) */}
           <a
             href="https://github.com/KDM-cli/kdm-cli"
             target="_blank"
             rel="noreferrer"
-            className="hidden md:inline-flex btn-mono px-4 py-2 items-center gap-2 border border-[rgba(255,255,255,0.2)] text-foreground hover:bg-[rgba(255,255,255,0.05)] transition-colors"
+            className="btn-mono px-4 py-2 inline-flex items-center gap-2 border border-[rgba(255,255,255,0.2)] text-foreground hover:bg-[rgba(255,255,255,0.05)] transition-colors"
           >
             <Star className="h-4 w-4" />
             Star us
diff --git a/src/components/Terminal.tsx b/src/components/Terminal.tsx
index 40c5b77..1d45020 100644
--- a/src/components/Terminal.tsx
+++ b/src/components/Terminal.tsx
@@ -30,7 +30,7 @@ export const Terminal = () => {
           ~/cluster — kdm
         </span>
       </div>
-      <div className="p-5 font-mono text-sm leading-relaxed min-h-[240px] md:min-h-[360px]">
+      <div className="p-5 font-mono text-sm leading-relaxed min-h-[360px]">
         {lines.slice(0, visible).map((l, i) => (
           <div key={i} className="flex gap-2">
             {l.prompt && <span className="text-foreground/50">{l.prompt}</span>}
diff --git a/vite.config.ts b/vite.config.ts
index 773c92a..bb81147 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,7 +12,7 @@ const isVercel = process.env.VERCEL === "1";
 // Redirect TanStack Start's bundled server entry to src/server.ts (our SSR error wrapper).
 // @cloudflare/vite-plugin builds from this — wrangler.jsonc main alone is insufficient.
 export default defineConfig({
-  cloudflare: isVercel ? false : {}, // Disable cloudflare plugin on Vercel
+  cloudflare: !isVercel, // Disable cloudflare plugin on Vercel
   vite: {
     plugins: isVercel ? [nitro({ preset: "vercel" })] : [],
   },