React-Group/interstellar_ai
1
1
Fork 2
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity Actions

header rewrite v2

Browse source
This commit is contained in:
YasinOnm08 2024-09-25 11:40:17 +02:00
parent 7021d0ba07
commit 0fd7a9bb7f
3 changed files with 36 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

35
app/styles/header.css
View file

@ -6,15 +6,46 @@ header{
width: 100%;
height: 10vh;
display: flex;
justify-content: space-between;
align-items: center;
margin: 1.5vh 0;
}
.hamburger{
display: none;
}
.login-button button{
.hamburger.open:nth-child(1)
.nav-links{
position: absolute;
display: flex;
gap: 15px;
width: 25vw;
height: 5vh;
}
.nav-btn{
background-color: transparent;
border: none;
}
.header-logo{
margin:auto;
width: 250px;
height: 5vh;
background-image: url(../../public/img/logo.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
border: none;
}
.login-button .header-login-button{
position: absolute;
top: 2.5vh;
right: 1vw;
justify-self: flex-end;
padding: 10px 20px;
background-color: var(--input-button-color);
color: var(--text-color);