diff --git a/.coderabbit.yaml b/.coderabbit.yaml index 873db5cfe..fa3f25484 100644 --- a/.coderabbit.yaml +++ b/.coderabbit.yaml @@ -2,11 +2,11 @@ language: "en-CA" tone_instructions: "His palms are sweaty, knees weak, arms are heavy There’s vomit on his sweater already, mom’s spaghetti" early_access: false reviews: - profile: "assertive" + profile: "chill" request_changes_workflow: false high_level_summary: false poem: false - review_status: true + review_status: false auto_review: enabled: true drafts: false diff --git a/Client/src/Components/Button/index.css b/Client/src/Components/Button/index.css index e69de29bb..63791d46b 100644 --- a/Client/src/Components/Button/index.css +++ b/Client/src/Components/Button/index.css @@ -0,0 +1,33 @@ +.MuiButtonBase-root.button-rotate90 svg { + transition: transform 500ms ease; +} +.MuiButtonBase-root.button-rotate90:hover svg { + transform: rotate(90deg); + transform-origin: center; +} + +.MuiButtonBase-root.button-rotate180 svg { + transition: transform 700ms ease; +} +.MuiButtonBase-root.button-rotate180:hover svg { + transform: rotate(180deg); + transform-origin: center; +} + +.MuiButtonBase-root.button-slideLeft { + padding-left: 45px; +} +.MuiButtonBase-root.button-slideLeft svg { + position: absolute; + left: 15px; + transition: left 250ms cubic-bezier(0.65, 0, 0.076, 1); +} +.MuiButtonBase-root.button-slideLeft:hover svg { + left: 11px; +} + +.MuiButtonBase-root.button-slideLeft:hover, +.MuiButtonBase-root.button-rotate180:hover, +.MuiButtonBase-root.button-rotate90:hover { + background-color: rgba(71, 84, 103, 0.08); +} diff --git a/Client/src/Components/Button/index.jsx b/Client/src/Components/Button/index.jsx index c53ece09e..9078e2497 100644 --- a/Client/src/Components/Button/index.jsx +++ b/Client/src/Components/Button/index.jsx @@ -1,5 +1,6 @@ import { Button as MuiButton } from "@mui/material"; import PropTypes from "prop-types"; +import "./index.css"; const levelConfig = { primary: { @@ -48,11 +49,22 @@ const levelConfig = { *