dashboard ui

app/code/[id]/page.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import Navbar from "@/components/navbar"
+import Navbar from "@/components/editor/navbar"
 import { useClerk } from "@clerk/nextjs"
 import dynamic from "next/dynamic"
 

app/dashboard/page.tsx

@@ -0,0 +1,19 @@
+import { UserButton, currentUser } from "@clerk/nextjs"
+import { redirect } from "next/navigation"
+import Dashboard from "@/components/dashboard"
+import Navbar from "@/components/dashboard/navbar"
+
+export default async function DashboardPage() {
+  const user = await currentUser()
+
+  if (!user) {
+    redirect("/")
+  }
+
+  return (
+    <div className="w-screen h-screen flex flex-col overflow-hidden overscroll-none">
+      <Navbar />
+      <Dashboard />
+    </div>
+  )
+}

app/globals.css

@@ -76,13 +76,13 @@
 }
 
 .gradient-button-bg {
-  background: radial-gradient(circle at top, #a5b4fc, #3730a3); /* violet 300 -> 800 */
+  background: radial-gradient(circle at top, #a5b4fc -25%, #3730a3 50%); /* violet 300 -> 800 */
 }
 
 .gradient-button {
-  background: radial-gradient(circle at bottom, #312e81 0%, hsl(0 0% 3.9%) 100%); /* violet 900 -> bg */
+  background: radial-gradient(circle at bottom, #312e81 0%, hsl(0 0% 3.9%) 80%); /* violet 900 -> bg */
 }
 
 .gradient-button-bg > div:hover {
-  background: radial-gradient(circle at bottom, #312e81 0%, hsl(0 0% 3.9%) 150%); /* violet 900 -> bg */
+  background: radial-gradient(circle at bottom, #312e81 0%, hsl(0 0% 3.9%) 130%); /* violet 900 -> bg */
 }