Merge branch 'banner-tweak' into 'develop'

Add support for shadow-3xl

See merge request soapbox-pub/soapbox-fe!1690
react-query-api
Justin 2022-07-28 13:52:04 +00:00
commit e7cefaa6ed
2 zmienionych plików z 4 dodań i 1 usunięć

Wyświetl plik

@ -14,7 +14,7 @@ const Banner: React.FC<IBanner> = ({ theme, children, className }) => {
data-testid='banner'
className={classNames('fixed bottom-0 left-0 right-0 py-8 z-50', {
'backdrop-blur bg-primary-900/80': theme === 'frosted',
'bg-white dark:bg-slate-800 text-black dark:text-white shadow-2xl dark:shadow-inset': theme === 'opaque',
'bg-white dark:bg-slate-800 text-black dark:text-white shadow-3xl dark:shadow-inset': theme === 'opaque',
}, className)}
>
<div className='max-w-4xl mx-auto px-4'>

Wyświetl plik

@ -11,6 +11,9 @@ module.exports = {
xl: '1280px',
},
extend: {
boxShadow: {
'3xl': '0 25px 75px -15px rgba(0, 0, 0, 0.25)',
},
fontSize: {
base: '0.9375rem',
},