fix(web): make app bar and sidebar fully responsive

This commit is contained in:
Paul Armstrong
2021-02-03 15:15:27 -08:00
committed by Blake Blackshear
parent 276ce8710c
commit 063030bcf3
5 changed files with 75 additions and 41 deletions

View File

@@ -20,7 +20,7 @@ export default function Box({
<div className={`bg-white dark:bg-gray-800 shadow-md hover:shadow-xl rounded-lg overflow-hidden ${className}`}>
<Element href={href} {...props}>
{media}
<div class="p-2 pb-2 lg:p-4 lg:pb-2">{header ? <Heading size="base">{header}</Heading> : null}</div>
<div class="p-4 pb-2">{header ? <Heading size="base">{header}</Heading> : null}</div>
</Element>
{buttons.length || content ? (
<div class="pl-4 pb-2">