Added ui btn and fixed Modals
This commit is contained in:
16
src/components/Common/Button/Button.jsx
Normal file
16
src/components/Common/Button/Button.jsx
Normal file
@ -0,0 +1,16 @@
|
||||
import React from "react";
|
||||
|
||||
import classes from "./button.module.scss";
|
||||
|
||||
export const Button = ({ children, styles, ...props }) => {
|
||||
return (
|
||||
<button
|
||||
className={styles ? `${styles} ${classes.button}` : classes.button}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
</button>
|
||||
);
|
||||
};
|
||||
|
||||
export default Button;
|
18
src/components/Common/Button/button.module.scss
Normal file
18
src/components/Common/Button/button.module.scss
Normal file
@ -0,0 +1,18 @@
|
||||
.button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #52b709;
|
||||
border-radius: 44px;
|
||||
color: white;
|
||||
font-style: normal;
|
||||
font-family: "LabGrotesque", sans-serif;
|
||||
border: none;
|
||||
transition: 0.5s;
|
||||
|
||||
&:hover {
|
||||
transition: 0.5s;
|
||||
background-color: #52b709a8;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user