From f1ebaf68947079b08ecad24df1862a71a8e6428a Mon Sep 17 00:00:00 2001
From: glodon <glodon@yangem-N1.grandsoft.com.cn>
Date: Fri, 5 Jul 2024 17:04:28 +0800
Subject: [PATCH] fixes #131 #149 #182 scroll

---
 .vscode/settings.json | 5 +++++
 src/scroller.js       | 5 ++---
 src/slide.js          | 5 +----
 3 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 .vscode/settings.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6ac32ca
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "prettier.semi": true,
+  "prettier.singleQuote": false,
+  "prettier.printWidth": 80
+}
diff --git a/src/scroller.js b/src/scroller.js
index f02c1fa..1b13901 100644
--- a/src/scroller.js
+++ b/src/scroller.js
@@ -147,8 +147,7 @@ export default function Scroller({
     <div
       style={{
         height: "100%",
-        overflowY: "auto",
-        overflowX: "hidden"
+        overflow: "auto"
       }}
       className="scroller"
       ref={ref}
@@ -162,8 +161,8 @@ export default function Scroller({
     >
       <code
         style={{
+          background: "transparent",
           display: "block",
-          width: "calc(100% - 20px)",
           maxWidth: "900px",
           margin: "auto",
           padding: "10px",
diff --git a/src/slide.js b/src/slide.js
index 7bcb734..bd38e66 100644
--- a/src/slide.js
+++ b/src/slide.js
@@ -20,10 +20,7 @@ function getLineHeight(line, i, { styles }) {
 function getLine(line, i, { styles }) {
   const style = styles[i];
   return (
-    <div
-      style={Object.assign({ overflow: "hidden", height: "15px" }, style)}
-      key={line.key}
-    >
+    <div style={Object.assign({ height: "15px" }, style)} key={line.key}>
       {!line.tokens.length && <br />}
       {line.tokens.map((token, i) => {
         const style = themeStylesByType[token.type] || {};