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

Merge branch 'site-preview-z-index' into 'main' 

Fix SitePreview z-index

See merge request soapbox-pub/soapbox!2978
This commit is contained in:
marcin mikołajczak 2024-04-03 22:22:18 +00:00
parent 06c6bbf39f 41d8d3e2da
commit 1e79d6a903
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/features/soapbox-config/components/site-preview.tsx
View File

@ -39,11 +39,11 @@ const SitePreview: React.FC<ISitePreview> = ({ soapbox }) => {
<style>{`.site-preview {${generateThemeCss(soapboxConfig)}}`}</style> <style>{`.site-preview {${generateThemeCss(soapboxConfig)}}`}</style>
<BackgroundShapes position='absolute' /> <BackgroundShapes position='absolute' />
<div className='absolute z-20 self-center overflow-hidden rounded-lg bg-accent-500 p-2 text-white'> <div className='absolute z-[2] self-center overflow-hidden rounded-lg bg-accent-500 p-2 text-white'>
<FormattedMessage id='site_preview.preview' defaultMessage='Preview' /> <FormattedMessage id='site_preview.preview' defaultMessage='Preview' />
</div> </div>
<div className={clsx('absolute inset-0 z-10 flex h-12 shadow lg:h-16', { <div className={clsx('absolute inset-0 z-[1] flex h-12 shadow lg:h-16', {
'bg-white': !dark, 'bg-white': !dark,
'bg-gray-800': dark, 'bg-gray-800': dark,
})} })}