fix UI

sbx0 · Jan 4, 2024 · 49f50f3 · 49f50f3
1 parent aad23a7
commit 49f50f3
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 10 deletions.
diff --git a/todo-web/apis/apiPath.js b/todo-web/apis/apiPath.js
@@ -1,6 +1,6 @@
 export const POST = "POST";
 export const GET = "GET";
-export const ApiPrefix = process.env.NODE_ENV === 'development' ? "http://192.168.50.2:3000" : "https://todo.sbx0.cn";
+export const ApiPrefix = process.env.NODE_ENV === 'development' ? "http://127.0.0.1:3000" : "https://todo.sbx0.cn";
 export const API = "/api";
 export const GetToken = API + "/user/client/token";
 export const TaskPaging = API + "/task/paging";

diff --git a/todo-web/app/beta/page.jsx b/todo-web/app/beta/page.jsx
@@ -1,9 +1,9 @@
 export default function Page() {
     return <div>
-        <ul className="w-48 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:text-white">
-            <li className="w-full px-4 py-2 border-b border-gray-200 rounded-t-lg dark:border-gray-600">Profile</li>
-            <li className="w-full px-4 py-2 border-b border-gray-200 dark:border-gray-600">Settings</li>
-            <li className="w-full px-4 py-2 border-b border-gray-200 dark:border-gray-600">Messages</li>
+        <ul className="w-48 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg">
+            <li className="w-full px-4 py-2 border-b border-gray-200 rounded-t-lg">Profile</li>
+            <li className="w-full px-4 py-2 border-b border-gray-200">Settings</li>
+            <li className="w-full px-4 py-2 border-b border-gray-200">Messages</li>
             <li className="w-full px-4 py-2 rounded-b-lg">Download</li>
         </ul>
     </div>

diff --git a/todo-web/app/components/header/header.jsx b/todo-web/app/components/header/header.jsx
@@ -14,7 +14,10 @@ export default function Header() {
 
     return <header className="bg-gray-800 text-white px-4 py-2">
         <div className="container mx-auto flex items-center justify-between">
-            <h1 className="text-xl font-bold">Next Todo</h1>
+            <h1 className="text-xl font-bold cursor-pointer"
+                onClick={() => window.location.href = "/"}>
+                Next Todo
+            </h1>
             <nav>
                 <ul className="flex space-x-4">
                     {/*<li><a href="#" className="text-white">Home</a></li>*/}

diff --git a/todo-web/components/beta/NavBar.jsx b/todo-web/components/beta/NavBar.jsx
@@ -20,7 +20,7 @@ function Category({onClick, onDrop, one, current}) {
             setHover(false);
             event.preventDefault();
         }}
-        className={`block w-full px-4 py-2 border-b border-gray-200 cursor-pointer dark:bg-gray-800 dark:border-gray-600 ${isCurrent ? "bg-blue-700 text-white" : ""}`}>
+        className={`block w-full px-4 py-2 border-b border-gray-200 cursor-pointer ${isCurrent ? "bg-blue-700 text-white" : ""}`}>
         {`${one.categoryName}`}
     </div>;
 }
@@ -57,7 +57,7 @@ export default function NavBar({
 
     return <div className="block w-full pt-2">
         <div
-            className="block w-full font-medium text-gray-900 bg-white border-t border-l border-r border-gray-200 dark:bg-gray-700 dark:border-gray-600 dark:text-white">
+            className="block w-full font-medium text-gray-900 bg-white border-t border-l border-r border-gray-200">
             {initCategories.map((one) =>
                 <Category
                     key={one.id}

diff --git a/todo-web/components/beta/TaskList.jsx b/todo-web/components/beta/TaskList.jsx
@@ -29,9 +29,9 @@ export default function TaskList({
                                 setNewTask(event.target.value);
                             }}
                             placeholder={"添加任务"}
-                            className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"/>
+                            className="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"/>
         </div>
-        <div className="border-t border-l border-r border-gray-200 dark:bg-gray-700 dark:border-gray-600">
+        <div className="border-t border-l border-r border-gray-200">
             {tasks?.map((one) =>
                 <TaskItem draggable
                           onClick={() => clickTask(one)}