thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

style: workspace sidebar dropdown improvement (#2783)

Browse Source
This commit is contained in:
Anmol Singh Bhatia 2023-11-16 14:11:33 +05:30 committed by sriram veeraghanta
parent eead64ba49
commit ca899b2ac7
1 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/workspace/sidebar-dropdown.tsx
View File

@ -90,14 +90,17 @@ export const WorkspaceSidebarDropdown = observer(() => {
}; };
return ( return (
<div className="flex items-center gap-x-8 gap-y-2 px-4 pt-4"> <div className="flex items-center gap-x-3 gap-y-2 px-4 pt-4">
<Menu as="div" className="relative col-span-4 text-left flex-grow h-full truncate"> <Menu as="div" className="relative col-span-4 text-left flex-grow h-full truncate">
{({ open }) => ( {({ open }) => (
<> <>
<Menu.Button className="text-custom-sidebar-text-200 rounded-md hover:bg-custom-sidebar-background-80 text-sm font-medium focus:outline-none w-full h-full truncate"> <Menu.Button className="text-custom-sidebar-text-200 rounded-md hover:bg-custom-sidebar-background-80 text-sm font-medium focus:outline-none w-full h-full truncate">
<div <div
className={`flex items-center gap-x-2 rounded p-1 truncate ${sidebarCollapsed ? "justify-center" : ""}`} className={`flex items-center justify-between gap-x-2 rounded p-1 truncate ${
sidebarCollapsed ? "justify-center" : ""
}`}
> >
<div className="flex items-center gap-2">
<div <div
className={`relative grid h-6 w-6 place-items-center uppercase flex-shrink-0 ${ className={`relative grid h-6 w-6 place-items-center uppercase flex-shrink-0 ${
!activeWorkspace?.logo && "rounded bg-custom-primary-500 text-white" !activeWorkspace?.logo && "rounded bg-custom-primary-500 text-white"
@ -119,6 +122,7 @@ export const WorkspaceSidebarDropdown = observer(() => {
{activeWorkspace?.name ? activeWorkspace.name : "Loading..."} {activeWorkspace?.name ? activeWorkspace.name : "Loading..."}
</h4> </h4>
)} )}
</div>
{!sidebarCollapsed && ( {!sidebarCollapsed && (
<ChevronDown <ChevronDown