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 && (