🎨 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 (
<section className="h-full flex flex-col">
{/* 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-1">
<ProjectSearchBar

View File

@ -25,7 +25,7 @@ export const DashboardLayout = ({
<section
{...props}
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,
)}
>
@ -45,7 +45,7 @@ export const DashboardLayout = ({
</Button>
</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">
<OctokitProvider>
<Outlet />