Changeset a8381b1 for frontend/src/pages/Dashboard/components

Timestamp:

05/06/26 19:00:44 (2 months ago)

Author:

Andrej <asumanovski@…>

Branches:

master

Children:

42da64d

Parents:

b3d5fed

Message:

Control center page developed

Location:

frontend/src/pages/Dashboard/components

Files:

• DashboardSidebar.jsx (modified) (4 diffs)
• DashboardTopbar.jsx (modified) (4 diffs)

frontend/src/pages/Dashboard/components/DashboardSidebar.jsx

@@ -89 +89 @@
   return (
     <Sidebar
-      className="py-6"
+      className="py-6 border-r border-white/10 bg-base-100/60 backdrop-blur-xl"
       closeButtonClassName="fixed top-4 right-4"
       collapsible="none"
@@ -114 +114 @@
                     className={
                       isActive
-                        ? "!bg-green-400 !text-black hover:!bg-green-400 active:!bg-green-400"
-                        : ""
+                        ? "bg-green-400! text-black! hover:bg-green-400! active:bg-green-400!"
+                        : "hover:bg-white/10!"
                     }
                   >
@@ -156 +156 @@
                     className={
                       isActive
-                        ? "!bg-green-400 !text-black hover:!bg-green-400 active:!bg-green-400"
-                        : ""
+                        ? "bg-green-400! text-black! hover:bg-green-400! active:bg-green-400!"
+                        : "hover:bg-white/10!"
                     }
                   >
@@ -185 +185 @@
           <Button
             variant="secondary"
-            className="w-full justify-start gap-2 !bg-green-400 !text-black hover:!bg-green-500"
+            className="w-full justify-start gap-2 bg-green-400! text-black! hover:bg-green-500!"
             type="button"
             onClick={() => setCustomOpen(true)}

frontend/src/pages/Dashboard/components/DashboardTopbar.jsx

@@ -10 +10 @@
     <>
       {/* Desktop */}
-      <div className="sticky top-0 z-30 hidden min-h-16 w-full items-center border-b border-base-300 bg-base-100 px-6 lg:flex lg:px-8">
+      <div className="sticky top-0 z-30 hidden min-h-16 w-full items-center border-b border-white/10 bg-base-100/70 px-6 backdrop-blur-xl lg:flex lg:px-8">
         <div className="mx-auto grid size-full grid-cols-1 items-center justify-end justify-items-end gap-4 lg:grid-cols-[1fr_max-content] lg:justify-between lg:justify-items-stretch">
           <div className="flex items-center gap-3"></div>
@@ -18 +18 @@
             <button
               type="button"
-              className="btn btn-ghost btn-sm"
+              className="btn btn-ghost btn-sm hover:bg-white/10 transition"
               onClick={onLogout}
               aria-label="Log out"
@@ -30 +30 @@
 
       {/* Mobile */}
-      <div className="fixed left-0 right-0 top-0 z-30 flex min-h-16 w-full items-center justify-between border-b border-base-300 bg-base-100 px-6 lg:hidden">
+      <div className="fixed left-0 right-0 top-0 z-30 flex min-h-16 w-full items-center justify-between border-b border-white/10 bg-base-100/70 px-4 backdrop-blur-xl sm:px-6 lg:hidden">
         <div className="flex items-center gap-4">
           <Link
@@ -44 +44 @@
           <button
             type="button"
-            className="btn btn-ghost btn-sm"
+            className="btn btn-ghost btn-sm hover:bg-white/10 transition"
             onClick={onLogout}
             aria-label="Log out"