fixed navbar
This commit is contained in:
parent
a468a1ddfc
commit
8858586b22
|
@ -1,12 +1,7 @@
|
|||
import styled from "styled-components";
|
||||
|
||||
export default styled.nav`
|
||||
background: rgb(52, 47, 50);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
rgba(52, 47, 50, 1) 0%,
|
||||
rgba(96, 97, 103, 1) 60%
|
||||
);
|
||||
background: rgb(0, 0, 0, 0.2);
|
||||
padding: 20px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
@ -22,14 +17,14 @@ export default styled.nav`
|
|||
}
|
||||
.links {
|
||||
display: flex;
|
||||
gap: 0.8rem;
|
||||
.link {
|
||||
/* padding: 20px; */
|
||||
padding: 5px 10px;
|
||||
margin-left: 10px;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
&:hover {
|
||||
color: #111111;
|
||||
background-color: #6ffc03;
|
||||
background-color: rgba(0,0,0, 0.5);
|
||||
}
|
||||
}
|
||||
@media (max-width: 900px) {
|
||||
|
|
Loading…
Reference in New Issue