VSinerva/freesewing
1
0
Fork 0
Code Activity

feat(lab): Let dropdown grow bigger

Browse source
This commit is contained in:
Joost De Cock 2022-01-25 15:45:37 +01:00
parent 4bc4ab8e6c
commit 94923f11d8
2 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/freesewing.lab/components/pattern-picker.js
View file

@ -14,7 +14,7 @@ const PatternPicker = ({ app }) => {
<DesignIcon /> <DesignIcon />
<span>Patterns</span> <span>Patterns</span>
</div> </div>
<ul tabIndex="0" className="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52 max-h-96 overflow-y-scroll"> <ul tabIndex="0" className="p-2 shadow menu dropdown-content bg-base-100 rounded-box w-52 overflow-y-scroll navdrop">
{Object.keys(app.patterns).map(section => ( {Object.keys(app.patterns).map(section => (
<React.Fragment key={section}> <React.Fragment key={section}>
<li className={` <li className={`

3
packages/freesewing.shared/styles/globals.css
View file

@ -15,6 +15,9 @@
h6 { @apply text-base-content text-base font-bold lg:text-lg } h6 { @apply text-base-content text-base font-bold lg:text-lg }
p { @apply text-base-content my-1 py-2 lg:text-xl } p { @apply text-base-content my-1 py-2 lg:text-xl }
/* Dropdowns */
.navdrop { max-height: 80vh; }
/* mdx styles */ /* mdx styles */
.mdx a { @apply text-secondary underline decoration-1 } .mdx a { @apply text-secondary underline decoration-1 }
.mdx a:hover { @apply text-secondary-focus decoration-2 decoration-current } .mdx a:hover { @apply text-secondary-focus decoration-2 decoration-current }