chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

refactor(web): update shadows for material specs

Browse Source
This commit is contained in:
Paul Armstrong
2021-02-04 10:49:14 -08:00
committed by Blake Blackshear
parent 0cac2fec2a
commit 15ae3bee55
3 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/AppBar.jsx
View File

@@ -73,7 +73,7 @@ export default function AppBar({ title }) {
<div
className={`w-full border-b border-gray-200 dark:border-gray-700 flex items-center align-middle p-4 space-x-2 fixed left-0 right-0 z-10 bg-white dark:bg-gray-900 transform transition-all duration-200 translate-y-0 ${
!show ? '-translate-y-full' : ''
} ${!atZero ? 'shadow' : ''}`}
} ${!atZero ? 'shadow-sm' : ''}`}
>
<div className="lg:hidden">
<Button color="black" className="rounded-full w-12 h-12" onClick={handleShowDrawer} type="text">

4
web/src/components/Card.jsx
View File

@@ -17,7 +17,9 @@ export default function Box({
const Element = href ? 'a' : 'div';
return (
<div className={`bg-white dark:bg-gray-800 shadow-md hover:shadow-xl rounded-lg overflow-hidden ${className}`}>
<div
className={`bg-white dark:bg-gray-800 shadow-md hover:shadow-lg transition-shadow rounded-lg overflow-hidden ${className}`}
>
<Element href={href} {...props}>
{media}
<div class="p-4 pb-2">{header ? <Heading size="base">{header}</Heading> : null}</div>