change design and responsive & pay & detail account & success pay & faield pay & doctor id

2024-08-30 20:22:41 +03:30
parent 451ae76cb1
commit b058066380
33 changed files with 589 additions and 147 deletions
@@ -0,0 +1,41 @@
+import { Slider } from "@mui/material"
+import { useState } from "react"
+
+function ProgressChange({ data }) {
+
+    const [value, setValue] = useState(70)
+
+    return (
+        <li className="flex items-center justify-start gap-3 w-full">
+            <p className="text-[#525252] text-[14px] font-normal w-[118px]">{data.label}</p>
+            <Slider
+                defaultValue={value}
+                className="!w-full lg:!w-[265px] !rounded-[10px] !h-[11px]"
+                onChange={e => setValue(e.target.value)}
+                sx={{
+                    '& .MuiSlider-rail': {
+                        background: '#E8E8E8',
+                        opacity: '100'
+                    },
+                    '& .MuiSlider-track': {
+                        background: '#05BA58',
+                        border: 'none'
+                    },
+                    '& .MuiSlider-thumb': {
+                        marginRight: '-21px',
+                        background: '#EBEBEB',
+                        border: '1px solid #05BA58 !important'
+                    },
+                    '& .MuiSlider-thumb.Mui-focusVisible, .MuiSlider-thumb:hover': {
+                        boxShadow: 'none'
+                    },
+                }}
+            />
+            <p className="text-[#525252] text-[20px] font-medium w-[30px]">
+                {value}
+            </p>
+        </li>
+    )
+}
+
+export default ProgressChange