From 4a0725804cfd28e090cf813e0e9bb4764f08d414 Mon Sep 17 00:00:00 2001
From: HenryTSZ <henrytsz@qq.com>
Date: Fri, 5 Jul 2024 17:12:26 +0800
Subject: [PATCH] fixes #131 #149 #182 scroll

---
 .vscode/settings.json | 5 +++++
 src/animation.js      | 2 +-
 src/scroller.js       | 5 ++---
 src/slide.js          | 5 +----
 4 files changed, 9 insertions(+), 8 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/animation.js b/src/animation.js
index 185db79..9d1920d 100644
--- a/src/animation.js
+++ b/src/animation.js
@@ -2,7 +2,7 @@
 import { createAnimation, Stagger } from "./airframe/airframe";
 import easing from "./airframe/easing";
 
-const dx = 250;
+const dx = 250000;
 const offOpacity = 0.6;
 
 /* @jsx createAnimation */
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] || {};