From ab7ccbe194d46afbe855079f38780b35a065d8f1 Mon Sep 17 00:00:00 2001 From: Admin Date: Mon, 18 May 2026 09:49:56 +0700 Subject: [PATCH] update(ui) add responsive for tracking --- .../src/pages/main/components/count-down.tsx | 22 ++--- .../pages/main/components/left-slidebar.tsx | 21 +++-- .../modals/camera-notification-modal.tsx | 2 +- .../main/components/modals/user-modal.tsx | 2 +- .../pages/main/components/right-slidebar.tsx | 21 +++-- .../main/components/tab-features/index.tsx | 10 ++- .../main/components/tab-features/register.tsx | 2 +- .../src/pages/main/components/tab-log.tsx | 4 +- .../src/pages/main/components/tab-users.tsx | 12 +-- .../client/src/pages/main/index.tsx | 35 +++++--- .../static/assets/index-BKsPQIjb.js | 80 ------------------- .../static/assets/index-BTDrLopT.css | 1 - .../static/assets/index-CEkaj5WK.js | 80 +++++++++++++++++++ .../static/assets/index-vMXWhc_A.css | 1 + TrackingToolWebAU/static/index.html | 4 +- 15 files changed, 170 insertions(+), 127 deletions(-) delete mode 100644 TrackingToolWebAU/static/assets/index-BKsPQIjb.js delete mode 100644 TrackingToolWebAU/static/assets/index-BTDrLopT.css create mode 100644 TrackingToolWebAU/static/assets/index-CEkaj5WK.js create mode 100644 TrackingToolWebAU/static/assets/index-vMXWhc_A.css diff --git a/TrackingToolWebAU/client/src/pages/main/components/count-down.tsx b/TrackingToolWebAU/client/src/pages/main/components/count-down.tsx index 2551cb1..878d4ad 100644 --- a/TrackingToolWebAU/client/src/pages/main/components/count-down.tsx +++ b/TrackingToolWebAU/client/src/pages/main/components/count-down.tsx @@ -33,24 +33,26 @@ export default function CountDown({ }, [count, running, onCountdowned]); return ( -
-
+
+
{/* Instruction text */} -
-

Chuẩn bị sẵn sàng

-

Vui lòng nhìn thẳng vào camera

+
+

Chuẩn bị sẵn sàng

+

Vui lòng nhìn thẳng vào camera

{/* Timer circle */}
-
- {count} +
+ + {count} +
{/* Countdown text */} -
-

+

+

{count > 0 ? `Còn ${count} giây...` : "Đã hoàn thành!"}

@@ -60,7 +62,7 @@ export default function CountDown({ diff --git a/TrackingToolWebAU/client/src/pages/main/components/left-slidebar.tsx b/TrackingToolWebAU/client/src/pages/main/components/left-slidebar.tsx index 217765b..c34e7cf 100644 --- a/TrackingToolWebAU/client/src/pages/main/components/left-slidebar.tsx +++ b/TrackingToolWebAU/client/src/pages/main/components/left-slidebar.tsx @@ -1,24 +1,27 @@ +import { Button } from "@/components/ui/button"; import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { cn } from "@/lib/utils"; -import { Users } from "lucide-react"; +import { Users, X } from "lucide-react"; import TabUsers from "./tab-users"; export default function LeftSlidebar({ isSidebarOpen, + onClose, }: { isSidebarOpen: boolean; + onClose?: () => void; }) { return (
- -
- + +
+ +
diff --git a/TrackingToolWebAU/client/src/pages/main/components/modals/camera-notification-modal.tsx b/TrackingToolWebAU/client/src/pages/main/components/modals/camera-notification-modal.tsx index c8af52a..bf2c2c2 100644 --- a/TrackingToolWebAU/client/src/pages/main/components/modals/camera-notification-modal.tsx +++ b/TrackingToolWebAU/client/src/pages/main/components/modals/camera-notification-modal.tsx @@ -39,7 +39,7 @@ export function CameraNotificationModal({ return ( {children} - +
diff --git a/TrackingToolWebAU/client/src/pages/main/components/modals/user-modal.tsx b/TrackingToolWebAU/client/src/pages/main/components/modals/user-modal.tsx index 7ff2c16..fb5bc7c 100644 --- a/TrackingToolWebAU/client/src/pages/main/components/modals/user-modal.tsx +++ b/TrackingToolWebAU/client/src/pages/main/components/modals/user-modal.tsx @@ -160,7 +160,7 @@ export function UserModal({ > {children} - + {isEditMode ? "Cập nhật thông tin" : "Tạo người dùng mới"} diff --git a/TrackingToolWebAU/client/src/pages/main/components/right-slidebar.tsx b/TrackingToolWebAU/client/src/pages/main/components/right-slidebar.tsx index 0b87d56..56c3e45 100644 --- a/TrackingToolWebAU/client/src/pages/main/components/right-slidebar.tsx +++ b/TrackingToolWebAU/client/src/pages/main/components/right-slidebar.tsx @@ -1,17 +1,20 @@ +import { Button } from "@/components/ui/button"; import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs"; import { cn } from "@/lib/utils"; -import { ClipboardList } from "lucide-react"; +import { ClipboardList, X } from "lucide-react"; import TabLogs from "./tab-log"; export default function RightSlidebar({ isSidebarOpen, + onClose, }: { isSidebarOpen: boolean; + onClose?: () => void; }) { return (
@@ -19,10 +22,18 @@ export default function RightSlidebar({ -
- +
+ + +