fix: change css from LayoutEmbed.js instead of style.css

Greenstand · Jul 25, 2022 · a4471f2 · a4471f2
1 parent 16d33b1
commit a4471f2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/components/LayoutEmbed.js b/src/components/LayoutEmbed.js
@@ -269,7 +269,12 @@ export default function Layout({ children, isFloatingDisabled }) {
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img alt="zoom-in" src={zoomIn} />
           </Box>
-          <Box onClick={handleZoomOut}>
+          <Box
+            onClick={handleZoomOut}
+            sx={{
+              '& img': { display: 'block' },
+            }}
+          >
             {/* eslint-disable-next-line @next/next/no-img-element */}
             <img alt="zoom-out" src={zoomOut} />
           </Box>

diff --git a/src/style.css b/src/style.css
@@ -150,7 +150,3 @@ a:hover {
   background-position: center;
   background-size: cover;
 }
-
-.mui-1g16ym9 .mui-0 ~ .mui-0 img {
-  float: left;
-}