🎨 style: replacee grid of the layout to use flex and fixed width of the sidebar

This commit is contained in:
Wahyu Kurniawan 2024-03-06 08:24:11 +07:00
parent 80fee1f585
commit 3b1f03bcb6
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
2 changed files with 3 additions and 3 deletions

View File

@ -36,7 +36,7 @@ const ProjectSearch = () => {
return ( return (
<section className="h-full flex flex-col"> <section className="h-full flex flex-col">
{/* Header */} {/* Header */}
<div className="sticky hidden md:block top-0 border-b border-border-separator/[0.06] z-30"> <div className="sticky hidden lg:block top-0 border-b border-border-separator/[0.06] z-30">
<div className="flex pr-6 pl-2 py-2 items-center"> <div className="flex pr-6 pl-2 py-2 items-center">
<div className="flex-1"> <div className="flex-1">
<ProjectSearchBar <ProjectSearchBar

View File

@ -25,7 +25,7 @@ export const DashboardLayout = ({
<section <section
{...props} {...props}
className={cn( className={cn(
'lg:grid flex flex-col lg:grid-cols-5 h-screen bg-snowball-50', 'flex flex-col lg:flex-row h-screen bg-snowball-50',
className, className,
)} )}
> >
@ -45,7 +45,7 @@ export const DashboardLayout = ({
</Button> </Button>
</div> </div>
</div> </div>
<div className="lg:col-span-4 w-full h-full px-1 py-1 md:px-3 md:py-3 overflow-y-hidden"> <div className="flex-1 w-full h-full px-1 py-1 md:px-3 md:py-3 overflow-y-hidden">
<div className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative"> <div className="rounded-3xl bg-base-bg h-full shadow-card overflow-y-auto relative">
<OctokitProvider> <OctokitProvider>
<Outlet /> <Outlet />