LingandRX
2cd21973f3
* feat: enhance StorageCleanerPage with accordion for storage options and immediate preference saving * feat: add reusable Button component and update StorageCleanerPage and TimestampPage to use it * feat: add StorageCleanerConfirm component for confirmation dialog in StorageCleanerPage * feat: implement fixed height and minimal scrollbar for Popup layout
33 lines
752 B
TypeScript
33 lines
752 B
TypeScript
import { Button as MuiButton, ButtonProps as MuiButtonProps } from '@mui/material';
|
|
|
|
export type ButtonProps = MuiButtonProps;
|
|
|
|
export function Button({ sx = [], ...props }: ButtonProps) {
|
|
return (
|
|
<MuiButton
|
|
disableElevation
|
|
disableRipple
|
|
{...props}
|
|
sx={[
|
|
{
|
|
py: 1.6,
|
|
borderRadius: 4,
|
|
fontSize: '1rem',
|
|
fontWeight: 600,
|
|
textTransform: 'none',
|
|
transition: 'all 0.2s cubic-bezier(0.4, 0, 0.2, 1)',
|
|
'&:hover': {
|
|
transform: 'translateY(-1px)',
|
|
},
|
|
'&:active': {
|
|
transform: 'translateY(0)',
|
|
},
|
|
},
|
|
...(Array.isArray(sx) ? sx : [sx]),
|
|
]}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default Button;
|