From 6fb11a70f2d7db42700b82c7516ff2b0bd0a62b0 Mon Sep 17 00:00:00 2001 From: alena Date: Sun, 1 Nov 2026 21:13:33 +0300 Subject: [PATCH] css dasboard 1.0 --- .../dashboard/components/Header.module.css | 34 +- .../features/dashboard/components/Header.tsx | 17 +- .../dashboard/components/Sidebar.module.css | 25 +- .../features/dashboard/components/Sidebar.tsx | 15 +- .../src/layouts/Main/Dashboard.module.css | 2 +- node_modules/.bin/yarn | 15 + node_modules/.bin/yarn.cmd | 7 + node_modules/.bin/yarnpkg | 15 + node_modules/.bin/yarnpkg.cmd | 7 + node_modules/.yarn-integrity | 14 +- node_modules/yarn/LICENSE | 26 + node_modules/yarn/README.md | 60 + node_modules/yarn/bin/yarn | 35 + node_modules/yarn/bin/yarn.cmd | 2 + node_modules/yarn/bin/yarn.js | 31 + node_modules/yarn/bin/yarnpkg | 2 + node_modules/yarn/bin/yarnpkg.cmd | 2 + node_modules/yarn/lib/cli.js | 154071 +++++++++++++++ node_modules/yarn/lib/v8-compile-cache.js | 351 + node_modules/yarn/package.json | 28 + node_modules/yarn/preinstall.js | 60 + package-lock.json | 26 + package.json | 5 + yarn.lock | 4 + 24 files changed, 154839 insertions(+), 15 deletions(-) create mode 100644 node_modules/.bin/yarn create mode 100644 node_modules/.bin/yarn.cmd create mode 100644 node_modules/.bin/yarnpkg create mode 100644 node_modules/.bin/yarnpkg.cmd create mode 100644 node_modules/yarn/LICENSE create mode 100644 node_modules/yarn/README.md create mode 100644 node_modules/yarn/bin/yarn create mode 100644 node_modules/yarn/bin/yarn.cmd create mode 100644 node_modules/yarn/bin/yarn.js create mode 100644 node_modules/yarn/bin/yarnpkg create mode 100644 node_modules/yarn/bin/yarnpkg.cmd create mode 100644 node_modules/yarn/lib/cli.js create mode 100644 node_modules/yarn/lib/v8-compile-cache.js create mode 100644 node_modules/yarn/package.json create mode 100644 node_modules/yarn/preinstall.js create mode 100644 package-lock.json create mode 100644 package.json diff --git a/frontend/src/features/dashboard/components/Header.module.css b/frontend/src/features/dashboard/components/Header.module.css index d60a8e6..2889ea3 100644 --- a/frontend/src/features/dashboard/components/Header.module.css +++ b/frontend/src/features/dashboard/components/Header.module.css @@ -6,7 +6,17 @@ width: 100%; height: 100%; position: relative; - padding-right: 10px; + display: flex; +} +.profile_avatar { + display: flex; + align-items: center; + justify-content: center; + background-color: rgb(0, 66, 33); + border-radius: 50%; + width: 40px; + height: 40px; + margin-right: 15px; } .menu{ position: absolute; @@ -20,4 +30,26 @@ .menu button { width: 100%; text-align: left; +} +.profile_button { + display: flex; + align-items: center; + justify-content: center; + background-color: transparent; +} +.text_profile { +} +.profile_name { + text-align: start; + margin-bottom: 5px; + font-weight: 500; +} +.profile_post { + color: #444; + font-weight: 300; +} +.arrow_down { + width: 12px; + height: 12px; + margin: 20px; } \ No newline at end of file diff --git a/frontend/src/features/dashboard/components/Header.tsx b/frontend/src/features/dashboard/components/Header.tsx index ecbf0fe..5dd9e21 100644 --- a/frontend/src/features/dashboard/components/Header.tsx +++ b/frontend/src/features/dashboard/components/Header.tsx @@ -18,7 +18,22 @@ export function Header():ReactElement { return ( <>
- + {open && (