style: made the paddings and text sizes smaller (#433)
This commit is contained in:
parent
3f5bbf336c
commit
0ba81a10f1
17 changed files with 75 additions and 101 deletions
|
|
@ -74,7 +74,7 @@ export const WorkspaceSidebarDropdown = () => {
|
|||
|
||||
return (
|
||||
<div className="relative">
|
||||
<Menu as="div" className="col-span-4 inline-block w-full p-5 text-left">
|
||||
<Menu as="div" className="col-span-4 inline-block w-full px-5 py-3 text-left">
|
||||
<div className="flex w-full items-center justify-between gap-2.5">
|
||||
<Menu.Button
|
||||
className={`inline-flex w-full items-center rounded-md px-1 py-2 text-sm font-semibold text-gray-700 focus:outline-none `}
|
||||
|
|
@ -162,9 +162,7 @@ export const WorkspaceSidebarDropdown = () => {
|
|||
)}
|
||||
</span>
|
||||
|
||||
<h5 className="text-sm">
|
||||
{truncateText(workspace.name, 18)}
|
||||
</h5>
|
||||
<h5 className="text-sm">{truncateText(workspace.name, 18)}</h5>
|
||||
</div>
|
||||
<span className="p-1">
|
||||
<CheckIcon
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ export const WorkspaceSidebarMenu: React.FC = () => {
|
|||
link.href === router.asPath
|
||||
? "bg-indigo-50 text-gray-900"
|
||||
: "text-gray-500 hover:bg-indigo-50 hover:text-gray-900 focus:bg-indigo-50"
|
||||
} group flex w-full items-center gap-3 rounded-md p-2 text-base font-medium outline-none ${
|
||||
} group flex w-full items-center gap-3 rounded-md p-2 text-sm font-medium outline-none ${
|
||||
sidebarCollapse ? "justify-center" : ""
|
||||
}`}
|
||||
>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue