moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Banner: improve mobile styles

This commit is contained in:
Alex Gleason 2022-07-26 11:52:58 -05:00
parent f13cfcaf8c
commit aab3497f46
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/soapbox/components/ui/banner/banner.tsx
View File

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