sageTheDm/interstellar_ai
1
0
Fork 0
forked from React-Group/interstellar_ai
Code Pull requests Activity

header rewrite done

Browse source
This commit is contained in:
YasinOnm08 2024-09-25 12:35:17 +02:00
parent 0fd7a9bb7f
commit 9b3a0bbc83
5 changed files with 51 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/styles/header.css
View file

@ -11,10 +11,31 @@ header{
}
.hamburger{
position: absolute;
display: none;
flex-direction: column;
cursor: pointer;
}
.hamburger.open:nth-child(1)
.hamburger span{
width: 25px;
height: 3px;
background-color: white;
margin: 4px;
transition: 0.3s;
}
.hamburger.open span:nth-child(1){
transform: rotate(45deg) translate(5px, 10px);
}
.hamburger.open span:nth-child(2){
opacity: 0;
}
.hamburger.open span:nth-child(3){
transform: rotate(-45deg) translate(5px, -10px);
}
.nav-links{
position: absolute;
@ -45,7 +66,6 @@ header{
position: absolute;
top: 2.5vh;
right: 1vw;
justify-self: flex-end;
padding: 10px 20px;
background-color: var(--input-button-color);
color: var(--text-color);