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

Fixed the responsive design and the header

Browse source
This commit is contained in:
sageTheDM 2024-10-08 10:24:13 +02:00
parent 07c1f8366a
commit 7ba4d29253
4 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/styles/header.css
View file

@ -118,4 +118,7 @@ header {
.show-hide-btn{
width: fit-content;
align-self: left;
}
position: absolute;
left: 10vw;
cursor: pointer;
}

11
app/styles/responsive.css
View file

@ -102,7 +102,6 @@
.header-logo {
position: relative;
margin-left: -40px;
}
.hamburger.open {
@ -150,6 +149,16 @@
.header-login-button {
right: 5vh; /* Keep login button visible */
}
.show-hide-btn{
width: fit-content;
left: 20vw;
}
.header-logo {
background-image: url(../../public/img/logo-small.png);
width: 4em;
}
}
/* Responsive adjustments for the settings */