Added the large button size to the Button.jsx component
This commit is contained in:
parent
455915d811
commit
0df3a05228
@ -1,8 +1,8 @@
|
||||
import "./styles.sass";
|
||||
|
||||
export const Button = ({children, onClick}) => {
|
||||
export const Button = ({children, onClick, size = "normal"}) => {
|
||||
return (
|
||||
<button className="btn" onClick={onClick}>
|
||||
<button className={"btn btn-size-" + size} onClick={onClick}>
|
||||
{children}
|
||||
</button>
|
||||
);
|
||||
|
@ -4,13 +4,20 @@
|
||||
background-color: $primary
|
||||
border: none
|
||||
color: $text
|
||||
padding: 0.5rem 1rem
|
||||
border-radius: 0.6rem
|
||||
font-size: 14pt
|
||||
font-weight: 600
|
||||
transition: all 0.2s
|
||||
cursor: pointer
|
||||
|
||||
.btn-size-normal
|
||||
padding: 0.5rem 1rem
|
||||
border-radius: 0.6rem
|
||||
font-size: 14pt
|
||||
|
||||
.btn-size-large
|
||||
padding: 1rem 3rem
|
||||
border-radius: 1rem
|
||||
font-size: 18pt
|
||||
|
||||
.btn:hover
|
||||
filter: brightness(0.9)
|
||||
|
||||
|
Loading…
x
Reference in New Issue
Block a user