This commit is contained in:
parent
9e700ba4b4
commit
580b2da0bf
3 changed files with 27 additions and 1 deletions
13
src/css/customButton.css
Normal file
13
src/css/customButton.css
Normal file
|
@ -0,0 +1,13 @@
|
||||||
|
button {
|
||||||
|
height: 1.2cm;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 0.6cm;
|
||||||
|
padding: 0cm 0.75cm 0cm 0.75cm;
|
||||||
|
margin-right: 0.25cm;
|
||||||
|
margin-bottom: 0.25cm;
|
||||||
|
transition-duration: 0.2s;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
10
src/pages/components/customButton.jsx
Normal file
10
src/pages/components/customButton.jsx
Normal file
|
@ -0,0 +1,10 @@
|
||||||
|
import '../../css/customButton.css'
|
||||||
|
|
||||||
|
function BlackButton({ text }) {
|
||||||
|
|
||||||
|
return(
|
||||||
|
<button>{text}</button>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default BlackButton
|
|
@ -1,5 +1,6 @@
|
||||||
import { useState } from 'react'
|
import { useState } from 'react'
|
||||||
import '../css/global.css'
|
import '../css/global.css'
|
||||||
|
import BlackButton from './components/customButton'
|
||||||
|
|
||||||
function HomePage() {
|
function HomePage() {
|
||||||
|
|
||||||
|
@ -10,8 +11,10 @@ function HomePage() {
|
||||||
justifyContent: 'center',
|
justifyContent: 'center',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
height: '100vh',
|
height: '100vh',
|
||||||
|
flexDirection: 'column',
|
||||||
}}>
|
}}>
|
||||||
<a>Fifty Shades of Bully</a>
|
<a className='title'>Fifty Shades <br /> of Bully</a>
|
||||||
|
<BlackButton text="Start"/>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue