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

Header update factor 1

Browse source
This commit is contained in:
sageTheDM 2024-10-08 09:44:44 +02:00
parent e512280efd
commit 07c1f8366a
3 changed files with 139 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

38
app/styles/responsive.css
View file

@ -22,7 +22,7 @@
width: 100vw;
overflow: hidden;
margin: 0;
padding: 1dvh 0 0 0 ;
padding: 1dvh 0 0 0;
}
/* Left panel styles */
@ -100,20 +100,20 @@
margin: 0;
}
.header-logo{
.header-logo {
position: relative;
margin-left: -40px;
}
.hamburger.open{
.hamburger.open {
margin-top: 0.5vh;
padding-left: 1vw;
}
.nav-links{
display: none;
.nav-links {
display: none; /* Hidden by default */
position: absolute;
top: 10vh;
top: 10vh; /* Adjust as needed */
left: 0;
background-color: var(--burger-menu-background-color);
width: 100%;
@ -123,24 +123,32 @@
height: fit-content;
}
.nav-links.active{
display: flex;
.nav-links.active {
display: flex; /* Show when active */
height: fit-content;
}
.nav-btn{
.nav-btn {
width: 100%;
text-align: center;
padding: 10px;
height: 50px;
}
.hamburger {
display: flex;
background-color: var(--input-button-color);
border: none;
font-size: 0.9em;
border-radius: 5px;
}
.header-login-button{
right: 5vh;
.nav-btn:hover {
background-color: var(--input-button-hover-color);
}
.hamburger {
display: flex; /* Always show hamburger button */
}
.header-login-button {
right: 5vh; /* Keep login button visible */
}
}