crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-17 06:56:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Try to fix safari full screen image into panorama view

Browse Source
This commit is contained in:
Daniele Pancottini 2023-02-23 10:06:50 +01:00
parent 470ce1180f
commit 6823013494
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
site/components/common/Room/ResourceCardContent/ImageCardContent.tsx
View File

@ -9,6 +9,26 @@ export default function ImageCardContent(props: {
return ( return (
<> <>
<style jsx>{`
*|*:fullscreen:not(:root) {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
min-width: 0 !important;
max-width: none !important;
min-height: 0 !important;
max-height: none !important;
box-sizing: border-box !important;
object-fit: contain;
transform: none !important;
}
`}
</style>
<Box <Box
className={props.style.imageContainer} className={props.style.imageContainer}
w={'full'} w={'full'}