diff --git a/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.css b/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.css index c1fcb541f..43ffd4e6e 100644 --- a/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.css +++ b/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.css @@ -58,6 +58,7 @@ div.sidebar-header { @apply px-1; .dropdown-group-label { + @apply flex items-baseline justify-between w-full; } .dropdown-group-items { diff --git a/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.tsx b/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.tsx index 968617a2c..3b5c7db33 100644 --- a/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.tsx +++ b/pkgs/clan-app/ui/src/components/Sidebar/SidebarHeader.tsx @@ -7,6 +7,7 @@ import { createSignal, For, Suspense } from "solid-js"; import { useClanListQuery } from "@/src/hooks/queries"; import { navigateToClan, useClanURI } from "@/src/hooks/clan"; import { clanURIs } from "@/src/stores/clan"; +import { Button } from "../Button/Button"; export const SidebarHeader = () => { const navigate = useNavigate(); @@ -71,9 +72,19 @@ export const SidebarHeader = () => { family="mono" size="xs" color="tertiary" + transform="uppercase" > - YOUR CLANS + Your Clans +