mirror of
https://github.com/PotentiaRobotics/website.git
synced 2025-04-19 03:40:17 -04:00
Hover effects added to button
This commit is contained in:
parent
784256d934
commit
4ae8b6a58d
|
@ -63,6 +63,12 @@ const StyledButton = styled.button`
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
:hover {
|
||||||
|
background-color: #3D5A80;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity:0.7;
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const StyledError = styled.div`
|
const StyledError = styled.div`
|
||||||
|
|
|
@ -21,6 +21,11 @@ button2 {
|
||||||
background-color:#ee6c4d;
|
background-color:#ee6c4d;
|
||||||
border-bottom:1px solid #7b8b2f;
|
border-bottom:1px solid #7b8b2f;
|
||||||
}
|
}
|
||||||
|
button2:hover {
|
||||||
|
background-color: #3D5A80;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity:0.7;
|
||||||
|
}
|
||||||
.fa {
|
.fa {
|
||||||
padding: 1vw;
|
padding: 1vw;
|
||||||
font-size: 5vw;
|
font-size: 5vw;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user