mirror of
https://github.com/phuoc-ng/csslayout.git
synced 2025-08-09 07:36:30 +02:00
Fix browser frame card on Webkit
This commit is contained in:
@@ -25,13 +25,19 @@ const BrowserFrame = ({ content, source }) => {
|
|||||||
transform: isContentActive ? '' : 'rotateY(180deg)',
|
transform: isContentActive ? '' : 'rotateY(180deg)',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<div className="overflow-scroll absolute top-0 left-0 h-100 w-100" style={{ backfaceVisibility: 'hidden' }}>
|
<div
|
||||||
|
className="overflow-scroll absolute top-0 left-0 h-100 w-100"
|
||||||
|
style={{
|
||||||
|
backfaceVisibility: 'hidden',
|
||||||
|
'-webkit-backface-visibility': 'hidden',
|
||||||
|
}}>
|
||||||
{content}
|
{content}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
className="absolute top-0 left-0 h-100 w-100"
|
className="absolute top-0 left-0 h-100 w-100"
|
||||||
style={{
|
style={{
|
||||||
backfaceVisibility: 'hidden',
|
backfaceVisibility: 'hidden',
|
||||||
|
'-webkit-backface-visibility': 'hidden',
|
||||||
transform: 'rotateY(180deg)',
|
transform: 'rotateY(180deg)',
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
Reference in New Issue
Block a user