check responsive & page dashboard user account & turns & transactions & comments
This commit is contained in:
@@ -25,7 +25,7 @@ function Layout({ children, title, name, disableFooter, isSidebar, user }) {
|
||||
<section className={`
|
||||
opacity-page
|
||||
${isSidebar &&
|
||||
'padding-responsive min-h-screen pt-[120px] flex items-start justify-center gap-[24px] mt-[56px]'
|
||||
'padding-responsive min-h-screen pt-[120px] flex items-stretch justify-center gap-[24px] mt-[56px]'
|
||||
}
|
||||
`}>
|
||||
{isSidebar && (
|
||||
|
||||
@@ -4,11 +4,13 @@ import List from "./List"
|
||||
function Sidebar({ user }) {
|
||||
return (
|
||||
<aside
|
||||
className="pt-[10px] pb-[26px] bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] rounded-[8px]
|
||||
min-w-[288px]"
|
||||
className="h-fit lg:h-screen w-full lg:w-[39%]"
|
||||
>
|
||||
<Head user={user} />
|
||||
<List user={user} />
|
||||
<div className="sticky pt-[10px] pb-[26px] bg-[#FFF] shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] rounded-[8px]
|
||||
min-w-[288px] top-[calc(12px_+_58px_+_32px)] sm:top-[calc(21px_+_58px_+_45px)] md:top-[calc(30px_+_58px_+_58px)] lg:top-[calc(40px_+_58px_+_78px)]">
|
||||
<Head user={user} />
|
||||
<List user={user} />
|
||||
</div>
|
||||
</aside>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user