mirror of
https://github.com/pawelmalak/flame.git
synced 2025-07-27 14:59:37 +02:00
Updating categories using form
This commit is contained in:
parent
0f2125e720
commit
216c12a33c
11 changed files with 176 additions and 30 deletions
14
client/src/components/UI/Buttons/Button/Button.module.css
Normal file
14
client/src/components/UI/Buttons/Button/Button.module.css
Normal file
|
@ -0,0 +1,14 @@
|
|||
.Button {
|
||||
padding: 8px 15px;
|
||||
border: 1px solid var(--color-accent);
|
||||
background-color: var(--color-background);
|
||||
color: var(--color-primary);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.Button:hover,
|
||||
.Button:focus {
|
||||
cursor: pointer;
|
||||
background-color: var(--color-accent);
|
||||
color: var(--color-background);
|
||||
}
|
11
client/src/components/UI/Buttons/Button/Button.tsx
Normal file
11
client/src/components/UI/Buttons/Button/Button.tsx
Normal file
|
@ -0,0 +1,11 @@
|
|||
import classes from './Button.module.css';
|
||||
|
||||
interface ComponentProps {
|
||||
children: string;
|
||||
}
|
||||
|
||||
const Button = (props: ComponentProps): JSX.Element => {
|
||||
return <button className={classes.Button}>{props.children}</button>
|
||||
}
|
||||
|
||||
export default Button;
|
Loading…
Add table
Add a link
Reference in a new issue