frontend/src/component/Common/BorderLinearProgress.tsx
2025-06-22 10:57:50 +08:00

17 lines
547 B
TypeScript

import { LinearProgress, linearProgressClasses } from "@mui/material";
import { styled } from "@mui/material/styles";
const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
height: 8,
borderRadius: 5,
[`&.${linearProgressClasses.colorPrimary}`]: {
backgroundColor: theme.palette.grey[theme.palette.mode === "light" ? 200 : 800],
},
[`& .${linearProgressClasses.bar}`]: {
borderRadius: 5,
backgroundColor: theme.palette.mode === "light" ? "#1a90ff" : "#308fe8",
},
}));
export default BorderLinearProgress;