🎨 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 (
|
||||
<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
|
||||
|
@ -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 />
|
||||
|
Loading…
Reference in New Issue
Block a user