From 18214bcf105cd9802c5a64603abaa0548d4794bd Mon Sep 17 00:00:00 2001 From: taha12322 <66300435+taha12322@users.noreply.github.com> Date: Fri, 27 Aug 2021 07:07:57 +0430 Subject: [PATCH] footer icons --- src/components/footer/Slider.js | 30 +++++ src/components/footer/progressBar.js | 53 +-------- src/components/style/index.scss | 43 ++++---- src/components/style/slider.scss | 1 - src/containers/Footer.tsx | 157 ++++++++++++++++----------- src/containers/Reader.tsx | 2 +- 6 files changed, 147 insertions(+), 139 deletions(-) create mode 100644 src/components/footer/Slider.js diff --git a/src/components/footer/Slider.js b/src/components/footer/Slider.js new file mode 100644 index 0000000..43cd3f5 --- /dev/null +++ b/src/components/footer/Slider.js @@ -0,0 +1,30 @@ +import React from 'react'; +import { makeStyles } from '@material-ui/core/styles'; +import Slider from '@material-ui/core/Slider'; + +const useStyles = makeStyles((theme) => ({ + root: { + width: 825, + }, + margin: { + height: theme.spacing(1), + }, +})); + +export default function TrackInvertedSlider({CountPage}) { + const classes = useStyles(); + + return ( +