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

Compare commits

base: React-Group:8dbb1c91696e4d473c6f5a359ce8df575c8e4abe
Branches Tags
React-Group:main
..
compare: React-Group:a268a4ddc23c87b080b9ad87dc6cb9837ad2f716
Branches Tags
React-Group:main

No commits in common. "8dbb1c91696e4d473c6f5a359ce8df575c8e4abe" and "a268a4ddc23c87b080b9ad87dc6cb9837ad2f716" have entirely different histories.
8dbb1c9169 ... a268a4ddc2

3 changed files with 16 additions and 24 deletions
Show stats Expand all files Collapse all files

5
app/styles/header.css
View file

@ -7,14 +7,12 @@ header{
height: 10vh; height: 10vh;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center;
font-size: 1em; font-size: 1em;
z-index: 999; z-index: 999;
} }
.hamburger{ .hamburger{
position: absolute; position: absolute;
left: 5vw;
display: none; display: none;
flex-direction: column; flex-direction: column;
cursor: pointer; cursor: pointer;
@ -56,7 +54,7 @@ header{
font-size: 0.9em; font-size: 0.9em;
height: 50%; height: 50%;
border-radius: 5px; border-radius: 5px;
padding: 2px 15px; padding: 0.2em 15px;
font-family: var(--font-family); font-family: var(--font-family);
} }
@ -65,6 +63,7 @@ header{
} }
.header-logo{ .header-logo{
margin:auto;
width: 250px; width: 250px;
height: 5vh; height: 5vh;
background-image: url(../../public/img/logo.png); background-image: url(../../public/img/logo.png);

20
app/styles/input.css
View file

@ -2,24 +2,23 @@
.input { .input {
grid-column: 2/3; grid-column: 2/3;
grid-row: 4/5; grid-row: 4/5;
border-radius: 8px; border-radius: 20px;
background-color: var(--input-background-color); background-color: var(--input-background-color);
padding: 1em; padding: 1em;
padding-left: 0.5em; margin: 0 1em;
padding-right: 0; margin-bottom: 1em;
margin: 0 10px;
margin-bottom: 10px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: auto; height: auto;
gap: 10px;
height: 10vh; height: 10vh;
} }
.input input { .input input {
flex-grow: 1; flex-grow: 1;
padding: 5px; padding: 5px;
font-size: 1em; font-size: 1.2em;
border-radius: 8px; border-radius: 8px;
border: 2px solid var(--input-button-color); border: 2px solid var(--input-button-color);
outline: none; outline: none;
@ -35,17 +34,16 @@
} }
.input button { .input button {
padding: 5px; padding: 1em;
margin: 5px; margin: 5px;
margin-left: 0;
background-color: var(--input-button-color); background-color: var(--input-button-color);
color: var(--user-message-text-color); /* Use variable for button text color */ color: var(--user-message-text-color); /* Use variable for button text color */
border: none; border: none;
border-radius: 8px; border-radius: 50%;
font-size: 1.5em; font-size: 1.5em;
cursor: pointer; cursor: pointer;
height: 50px; height: 50px;
width: 75px; width: 50px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -55,7 +53,7 @@
} }
.input button img { .input button img {
height: 20px; height: 1em;
} }
.input button:hover { .input button:hover {

15
app/styles/responsive.css
View file

@ -98,10 +98,11 @@
color: var(--user-message-text-color); /* Use variable for button text color */ color: var(--user-message-text-color); /* Use variable for button text color */
} }
.header-logo{ .header-login-button{
position: relative; position: absolute;
margin-left: -40px; top: 3.5vh;
} right: 5vw;
}
.hamburger.open{ .hamburger.open{
margin-top: 0.5vh; margin-top: 0.5vh;
@ -123,23 +124,17 @@
.nav-links.active{ .nav-links.active{
display: flex; display: flex;
height: fit-content;
} }
.nav-btn{ .nav-btn{
width: 100%; width: 100%;
text-align: center; text-align: center;
padding: 10px; padding: 10px;
height: 50px;
} }
.hamburger { .hamburger {
display: flex; display: flex;
} }
.header-login-button{
right: 5vh;
}
} }
/* Responsive adjustments for the settings */ /* Responsive adjustments for the settings */