style: redesigned sidebar, added new icons and spacing changes
This commit is contained in:
parent
1b369feb6a
commit
73567dc7fc
15 changed files with 315 additions and 185 deletions
|
|
@ -20,7 +20,7 @@ const Sidebar: React.FC<SidebarProps> = ({ toggleSidebar, setToggleSidebar }) =>
|
|||
return (
|
||||
<nav className="relative z-20 h-screen">
|
||||
<div
|
||||
className={`${sidebarCollapse ? "" : "w-auto md:w-60"} fixed inset-y-0 top-0 ${
|
||||
className={`${sidebarCollapse ? "" : "w-auto md:w-80"} fixed inset-y-0 top-0 ${
|
||||
toggleSidebar ? "left-0" : "-left-60 md:left-0"
|
||||
} flex h-full flex-col bg-white duration-300 md:relative`}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -205,7 +205,7 @@ const AppLayout: FC<AppLayoutProps> = ({
|
|||
) : isMember ? (
|
||||
<div
|
||||
className={`w-full flex-grow ${
|
||||
noPadding ? "" : settingsLayout ? "p-5 pb-5 lg:px-16 lg:pt-10" : "p-5"
|
||||
noPadding ? "" : settingsLayout ? "p-9 lg:px-16 lg:pt-10" : "p-9"
|
||||
} ${
|
||||
bg === "primary"
|
||||
? "bg-primary"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue