feat: mobile responsiveness
This commit is contained in:
parent
96802a271c
commit
b0d2115f43
9 changed files with 78 additions and 59 deletions
|
|
@ -77,7 +77,7 @@ function PatternButtons({ patterns, activePattern, onClick, started }) {
|
|||
|
||||
function ActionButton({ children, onClick, label, labelIsHidden }) {
|
||||
return (
|
||||
<button className="hover:opacity-50" onClick={onClick} title={label}>
|
||||
<button className="hover:opacity-50 text-nowrap" onClick={onClick} title={label}>
|
||||
{labelIsHidden !== true && label}
|
||||
{children}
|
||||
</button>
|
||||
|
|
@ -155,7 +155,7 @@ export function PatternsTab({ context }) {
|
|||
</div>
|
||||
)}
|
||||
|
||||
<section className="flex overflow-y-scroll max-h-full flex-col pb-4">
|
||||
<section className="flex overflow-y-scroll max-h-full flex-col">
|
||||
{patternFilter === patternFilterName.user && (
|
||||
<PatternButtons
|
||||
onClick={(id) =>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue