🎨 style: replacee grid of the layout to use flex and fixed width of the sidebar
This commit is contained in:
parent
80fee1f585
commit
3b1f03bcb6
@ -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
|
||||||
|
@ -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 />
|
||||||
|
Loading…
Reference in New Issue
Block a user