From 516e306a6cebf4e195731d032950a51652ff6a60 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Sat, 23 Nov 2019 21:42:51 +0700
Subject: [PATCH] Fix browser frame

---
 client/placeholders/BrowserFrame.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/placeholders/BrowserFrame.jsx b/client/placeholders/BrowserFrame.jsx
index 74b3b04..dd9f59e 100644
--- a/client/placeholders/BrowserFrame.jsx
+++ b/client/placeholders/BrowserFrame.jsx
@@ -27,7 +27,7 @@ const BrowserFrame = ({ content, source }) => {
                 }}
             >
                 <div
-                    className="overflow-scroll absolute top-0 left-0 h-100 w-100"
+                    className={`overflow-scroll absolute top-0 left-0 h-100 w-100 ${isContentActive ? 'o-1' : 'o-0'}`}
                     style={{
                         backfaceVisibility: 'hidden',
                         WebkitBackfaceVisibility: 'hidden',
@@ -35,7 +35,7 @@ const BrowserFrame = ({ content, source }) => {
                     {content}
                 </div>
                 <div
-                    className="absolute top-0 left-0 h-100 w-100"
+                    className={`absolute top-0 left-0 h-100 w-100 ${isContentActive ? 'o-0' : 'o-1'}`}
                     style={{
                         backfaceVisibility: 'hidden',
                         transform: 'rotateY(180deg)',