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

css tweaks start

Browse source
This commit is contained in:
YasinOnm08 2024-09-30 08:41:06 +02:00
parent 7c399a74f2
commit 37bfa22891
4 changed files with 25 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

25
app/styles/header.css
View file

@ -40,16 +40,23 @@ header{
.nav-links{
position: absolute;
display: flex;
top: 2vh;
gap: 1em;
width: 25em;
height: 2em;
width: 35vw;
height: 100%;
align-items: center;
}
.nav-btn{
background-color: transparent;
background-color: var(--input-button-color);
border: none;
font-size: 0.9em;
height: 50%;
border-radius: 5px;
padding: 1px 15px;
}
.nav-btn:hover{
background-color: var(--input-button-hover-color);
}
.header-logo{
@ -64,7 +71,13 @@ header{
border: none;
}
.login-button .header-login-button{
.login-button-container{
height: 100%;
display: flex;
align-items: center;
}
.header-login-button{
font-size: 2vh;
position: absolute;
top: 1.5vh;
@ -78,6 +91,6 @@ header{
transition: background-color 0.3s;
}
.login-button button:hover {
.header-login-button:hover {
background-color: var(--input-button-hover-color);
}