diff --git a/src/popup/SpeedControl.css b/src/popup/SpeedControl.css index 6f25e4b4..2e1b9a64 100644 --- a/src/popup/SpeedControl.css +++ b/src/popup/SpeedControl.css @@ -3,6 +3,12 @@ user-select: none; font-size: 1.1em; background-color: var(--fg-color); + --padding: 0px; + display: flex; + flex-direction: column; + gap: 10px; + padding: 10px; + padding-bottom: 0px; & > .options { display: grid; @@ -28,6 +34,30 @@ } + & .pause-site-button { + display: flex; + justify-content: center; + margin-top: 5px; + } + + & .pause-site-button button { + display: flex; + align-items: center; + justify-content: center; + background-color: #3a3a3a; + color: white; + border: none; + border-radius: 4px; + padding: 8px 12px; + cursor: pointer; + font-size: 14px; + transition: background-color 0.2s; + } + + & .pause-site-button button:hover { + background-color: #555; + } + & > .NumericControl { margin-top: 15px; diff --git a/src/popup/SpeedControl.tsx b/src/popup/SpeedControl.tsx index 06fbbb88..91365dc2 100644 --- a/src/popup/SpeedControl.tsx +++ b/src/popup/SpeedControl.tsx @@ -7,7 +7,10 @@ import { produce } from "immer" import { replaceArgs } from "src/utils/helper" import { clamp, domRectGetOffset, feedbackText, isFirefox, isMobile } from "src/utils/helper" import { NumericInput } from "src/comps/NumericInput" -import { FaAngleDoubleLeft, FaAngleDoubleRight, FaAngleLeft, FaAngleRight } from "react-icons/fa" +import { FaAngleDoubleLeft, FaAngleDoubleRight, FaAngleLeft, FaAngleRight, FaPause } from "react-icons/fa" +import { getLatestActiveTabInfo } from "../utils/browserUtils" +import { generateUrlPart } from "../defaults" +import { gvar } from "../globalVar" import "./SpeedControl.css" type SpeedControlProps = { @@ -89,6 +92,60 @@ export function SpeedControl(props: SpeedControlProps) { + {/* Pause Speed for Current Website Button */} +
+ +
+ {/* Slider */} {!!view.speedSlider && (
diff --git a/src/popup/popup.css b/src/popup/popup.css index 4aa5c0d5..b4b68a45 100644 --- a/src/popup/popup.css +++ b/src/popup/popup.css @@ -13,6 +13,9 @@ body { margin: 0; padding: 0; background-color: var(--fg-color); + /* 修复火狐浏览器中进度条遮挡元素的问题 */ + scrollbar-width: thin; + overflow-x: hidden; } #SuperDisable {