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

css progress 1

Browse source
This commit is contained in:
YasinOnm08 2024-09-30 10:46:03 +02:00
parent bd4e3af47f
commit 3e32ed6e0c
16 changed files with 61 additions and 86 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/styles/header.css
View file

@ -8,6 +8,7 @@ header{
display: flex;
align-items: center;
font-size: 1em;
z-index: 999;
}
.hamburger{
@ -39,9 +40,10 @@ header{
.nav-links{
position: absolute;
left: 1vw;
display: flex;
gap: 1em;
width: 35vw;
gap: 0.5vw;
width:max-content;
height: 100%;
align-items: center;
}
@ -52,7 +54,8 @@ header{
font-size: 0.9em;
height: 50%;
border-radius: 5px;
padding: 1px 15px;
padding: 0.2em 15px;
font-family: var(--font-family);
}
.nav-btn:hover{
@ -72,16 +75,19 @@ header{
}
.login-button-container{
position: absolute;
top: 0.2vh;
right: 1vw;
height: 100%;
display: flex;
align-items: center;
}
.header-login-button{
font-size: 2vh;
position: absolute;
font-size: var(--font-size);
/* position: absolute;
top: 1.5vh;
right: 1vw;
right: 1vw; */
padding: 10px 20px;
background-color: var(--input-button-color);
color: var(--text-color);
@ -89,6 +95,7 @@ header{
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s;
font-family: var(--font-family);
}
.header-login-button:hover {