h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Style tweaks to signed-in user modal in top nav

Browse Source
This commit is contained in:
Frank Johnson
2021-09-11 22:05:35 -04:00
parent 6a69a1c1bf
commit 126b60f5dd
5 changed files with 62 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/web/src/components/NavPlusButton/NavPlusButton.tsx
View File

@@ -36,15 +36,16 @@ const NavPlusButton: React.FC = () => {
<Svg name="plus" className="text-ch-gray-300" />
</Popover.Button>
<Popover.Panel className="absolute z-10 right-0 bg-ch-gray-700 mt-4 px-3 py-2 rounded shadow-md overflow-hidden text-ch-gray-300">
<Popover.Panel className="absolute w-48 z-10 right-0 bg-ch-gray-700 mt-4 px-3 py-2 rounded shadow-md overflow-hidden text-ch-gray-300">
<p className="text-lg">New Project</p>
<hr className="my-2" />
<ul className="">
{menuOptions.map(({ name, sub, ideType, bgClasses, dotClasses }) => (
<li
key={name}
className={bgClasses+" px-4 py-1 my-4 bg-opacity-30 hover:bg-opacity-70 grid grid-flow-col-dense items-center gap-2"}
>
<div className={dotClasses + " w-5 h-5 rounded-full"}></div>
<div className={dotClasses + " justify-self-center w-5 h-5 rounded-full"}></div>
<Link to={routes.draftProject({ cadPackage: ideType })}>
<div>{name}</div>
<div className="text-xs text-ch-gray-400 font-light">{sub}</div>