From 8eb859dddeec5bc3c280c32e59fcf752a27d9dd0 Mon Sep 17 00:00:00 2001
From: William Tso <vitalitymailg@gmail.com>
Date: Mon, 31 Mar 2025 19:51:02 +0800
Subject: [PATCH] style

---
 app/(app)/dashboard/page.tsx | 36 ++++++++++++++++++------------------
 app/(app)/layout.tsx         | 14 +++++++-------
 2 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/app/(app)/dashboard/page.tsx b/app/(app)/dashboard/page.tsx
index c97e6a4..a337fcf 100644
--- a/app/(app)/dashboard/page.tsx
+++ b/app/(app)/dashboard/page.tsx
@@ -143,7 +143,7 @@ export default function DashboardPage() {
   return (
     <div className="container mx-auto px-4 py-8">
       <div className="flex justify-between items-center mb-8">
-        <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">Analytics Dashboard</h1>
+        <h1 className="text-2xl font-bold text-gray-900">Analytics Dashboard</h1>
         <DateRangePicker
           value={dateRange}
           onChange={setDateRange}
@@ -151,9 +151,9 @@ export default function DashboardPage() {
       </div>
 
       <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-          <h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Total Events</h3>
-          <p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
+        <div className="bg-white rounded-lg shadow p-6">
+          <h3 className="text-sm font-medium text-gray-500">Total Events</h3>
+          <p className="text-2xl font-semibold text-gray-900">
             {loading ? (
               <span className="text-gray-400">Loading...</span>
             ) : (
@@ -161,9 +161,9 @@ export default function DashboardPage() {
             )}
           </p>
         </div>
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-          <h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Unique Visitors</h3>
-          <p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
+        <div className="bg-white rounded-lg shadow p-6">
+          <h3 className="text-sm font-medium text-gray-500">Unique Visitors</h3>
+          <p className="text-2xl font-semibold text-gray-900">
             {loading ? (
               <span className="text-gray-400">Loading...</span>
             ) : (
@@ -171,9 +171,9 @@ export default function DashboardPage() {
             )}
           </p>
         </div>
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-          <h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Total Conversions</h3>
-          <p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
+        <div className="bg-white rounded-lg shadow p-6">
+          <h3 className="text-sm font-medium text-gray-500">Total Conversions</h3>
+          <p className="text-2xl font-semibold text-gray-900">
             {loading ? (
               <span className="text-gray-400">Loading...</span>
             ) : (
@@ -181,9 +181,9 @@ export default function DashboardPage() {
             )}
           </p>
         </div>
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-          <h3 className="text-sm font-medium text-gray-500 dark:text-gray-400">Avg. Time Spent</h3>
-          <p className="text-2xl font-semibold text-gray-900 dark:text-gray-100">
+        <div className="bg-white rounded-lg shadow p-6">
+          <h3 className="text-sm font-medium text-gray-500">Avg. Time Spent</h3>
+          <p className="text-2xl font-semibold text-gray-900">
             {loading ? (
               <span className="text-gray-400">Loading...</span>
             ) : (
@@ -193,8 +193,8 @@ export default function DashboardPage() {
         </div>
       </div>
 
-      <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-8">
-        <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Event Trends</h2>
+      <div className="bg-white rounded-lg shadow p-6 mb-8">
+        <h2 className="text-lg font-semibold text-gray-900 mb-4">Event Trends</h2>
         <div className="h-96">
           {loading ? (
             <div className="flex items-center justify-center h-full">
@@ -207,7 +207,7 @@ export default function DashboardPage() {
       </div>
 
       <div className="mb-8">
-        <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Device Analytics</h2>
+        <h2 className="text-lg font-semibold text-gray-900 mb-4">Device Analytics</h2>
         {loading ? (
           <div className="flex items-center justify-center h-48">
             <span className="text-gray-400">Loading...</span>
@@ -217,8 +217,8 @@ export default function DashboardPage() {
         )}
       </div>
 
-      <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-        <h2 className="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">Geographic Distribution</h2>
+      <div className="bg-white rounded-lg shadow p-6">
+        <h2 className="text-lg font-semibold text-gray-900 mb-4">Geographic Distribution</h2>
         {loading ? (
           <div className="flex items-center justify-center h-48">
             <span className="text-gray-400">Loading...</span>
diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx
index 6dea6a1..2a1dddb 100644
--- a/app/(app)/layout.tsx
+++ b/app/(app)/layout.tsx
@@ -17,37 +17,37 @@ export default function AppLayout({
 }) {
   return (
     <div className={inter.className}>
-      <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
-        <nav className="bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
+      <div className="min-h-screen bg-gray-50">
+        <nav className="bg-white border-b border-gray-200">
           <div className="container mx-auto px-4">
             <div className="flex items-center justify-between h-16">
               <div className="flex items-center">
-                <Link href="/" className="text-xl font-bold text-gray-900 dark:text-gray-100">
+                <Link href="/" className="text-xl font-bold text-gray-900">
                   ShortURL Analytics
                 </Link>
                 <div className="hidden md:block ml-10">
                   <div className="flex items-baseline space-x-4">
                     <Link
                       href="/dashboard"
-                      className="text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 px-3 py-2 rounded-md text-sm font-medium"
+                      className="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium"
                     >
                       Dashboard
                     </Link>
                     <Link
                       href="/events"
-                      className="text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 px-3 py-2 rounded-md text-sm font-medium"
+                      className="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium"
                     >
                       Events
                     </Link>
                     <Link
                       href="/analytics/geo"
-                      className="text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 px-3 py-2 rounded-md text-sm font-medium"
+                      className="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium"
                     >
                       Geographic
                     </Link>
                     <Link
                       href="/analytics/devices"
-                      className="text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 px-3 py-2 rounded-md text-sm font-medium"
+                      className="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium"
                     >
                       Devices
                     </Link>