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

css removal unused lines

Browse source
This commit is contained in:
sageTheDM 2024-10-08 17:37:17 +02:00
parent 4b21fe04f3
commit 9c8bc39b9d
17 changed files with 138 additions and 352 deletions
Download patch file Download diff file Expand all files Collapse all files

42
app/styles/header.css
View file

@ -1,4 +1,4 @@
header {
header{
position: relative;
padding: 0 20px;
width: 100%;
@ -9,36 +9,32 @@ header {
font-size: 1em;
z-index: 999;
}
/* Hamburger button styles */
.hamburger {
.hamburger{
position: absolute;
left: 5vw;
display: flex; /* Always show hamburger button */
flex-direction: column;
cursor: pointer;
}
.hamburger span {
.hamburger span{
width: 25px;
height: 3px;
background-color: white;
margin: 4px;
transition: 0.3s;
}
.hamburger.open span:nth-child(1) {
.hamburger.open span:nth-child(1){
transform: rotate(45deg) translate(5px, 10px);
}
.hamburger.open span:nth-child(2) {
.hamburger.open span:nth-child(2){
opacity: 0;
}
.hamburger.open span:nth-child(3) {
.hamburger.open span:nth-child(3){
transform: rotate(-45deg) translate(5px, -10px);
}
/* Navigation links (hidden in header, shown in dropdown) */
.nav-links {
.nav-links{
display: none; /* Default hidden */
position: absolute;
top: 10vh; /* Adjust as needed */
@ -51,13 +47,11 @@ header {
padding: 10px auto;
margin: auto;
}
.nav-links.active {
.nav-links.active{
display: flex; /* Show when active */
height: fit-content;
}
.nav-btn {
.nav-btn{
background-color: var(--input-button-color);
border: none;
font-size: 0.9em;
@ -69,13 +63,11 @@ header {
text-align: center; /* Center text */
margin: 4px auto;
}
.nav-btn:hover {
.nav-btn:hover{
background-color: var(--input-button-hover-color);
}
/* Logo styles */
.header-logo {
.header-logo{
width: 250px;
height: 5vh;
background-image: url(../../public/img/logo.png);
@ -85,9 +77,8 @@ header {
background-color: transparent;
border: none;
}
/* Login button styles */
.login-button-container {
.login-button-container{
position: absolute;
top: 0.1vh;
right: 1vw;
@ -95,8 +86,7 @@ header {
display: flex;
align-items: center;
}
.header-login-button {
.header-login-button{
height: 100%;
width: max-content;
font-size: var(--font-size);
@ -112,11 +102,9 @@ header {
justify-content: center;
align-items: center;
}
.header-login-button:hover {
.header-login-button:hover{
background-color: var(--input-button-hover-color);
}
.show-hide-btn{
display: flex;
align-items: center;
@ -126,4 +114,4 @@ header {
left: 10vw;
cursor: pointer;
padding: 10px;
}
}