crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI State changes

Browse Source
This commit is contained in:
Belen Curcio
2020-10-01 10:03:06 -03:00
parent 0e48451767
commit b447bbc322
8 changed files with 64 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/ui/Sidebar/Sidebar.tsx
View File

@@ -11,12 +11,12 @@ const Sidebar: FunctionComponent<Props> = ({ className, children }) => {
const rootClassName = cn(s.root, className);
return (
<div className={rootClassName}>
<div className="fixed inset-0 overflow-hidden">
<div className="fixed inset-0 overflow-hidden shadow-sm bg-black bg-opacity-25">
<div className="absolute inset-0 overflow-hidden">
<section className="absolute inset-y-0 right-0 pl-10 max-w-full flex sm:pl-16 ">
<div className="w-screen max-w-2xl">
<div className="h-full flex flex-col bg-white shadow-xl overflow-y-scroll">
<div className="flex-1">{children}</div>
{children}
</div>
</div>
</section>