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

Merge branch 'main' of interstellardevelopment.org:sageTheDm/interstellar_ai

Browse source
This commit is contained in:
sageTheDM 2024-09-25 13:58:18 +02:00
commit 289ff78b60
5 changed files with 20 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/styles/container.css
View file

@ -9,7 +9,7 @@
} }
.left-panel { .left-panel {
margin-top: 10vh; margin-top: 5em;
width: 25vw; /* Adjust as needed */ width: 25vw; /* Adjust as needed */
transition: width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; /* Smooth transitions for all properties */ transition: width 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; /* Smooth transitions for all properties */
background-color: var(--left-panel-background-color); /* Use variable for background color */ background-color: var(--left-panel-background-color); /* Use variable for background color */
@ -25,7 +25,7 @@
} }
.conversation-container { .conversation-container {
margin-top: 10vh; margin-top: 5em;
flex: 1; flex: 1;
transition: margin-left 0.3s ease; /* Smooth margin adjustment */ transition: margin-left 0.3s ease; /* Smooth margin adjustment */
background-color: var(--conversation-background-color); /* Use variable for background color */ background-color: var(--conversation-background-color); /* Use variable for background color */

1
app/styles/global.css
View file

@ -3,7 +3,6 @@ body {
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
top: 1vh;
} }
body { body {

17
app/styles/header.css
View file

@ -1,13 +1,13 @@
header{ header{
position: absolute; position: absolute;
padding: 0 20px; padding: 0 20px;
top: 0; top: 2em;
left: 0; left: 0;
width: 100%; width: 100%;
height: 10vh; height: 5em;
display: flex; display: flex;
align-items: center; align-items: center;
margin: 1.5vh 0; font-size: 1em;
} }
.hamburger{ .hamburger{
@ -40,14 +40,16 @@ header{
.nav-links{ .nav-links{
position: absolute; position: absolute;
display: flex; display: flex;
gap: 15px; top: 1em;
width: 25vw; gap: 1em;
height: 5vh; width: 25em;
height: 3em;
} }
.nav-btn{ .nav-btn{
background-color: transparent; background-color: transparent;
border: none; border: none;
font-size: 0.9em;
} }
.header-logo{ .header-logo{
@ -63,8 +65,9 @@ header{
} }
.login-button .header-login-button{ .login-button .header-login-button{
font-size: 1em;
position: absolute; position: absolute;
top: 2.5vh; top: 1.5em;
right: 1vw; right: 1vw;
padding: 10px 20px; padding: 10px 20px;
background-color: var(--input-button-color); background-color: var(--input-button-color);

13
app/styles/models.css
View file

@ -61,11 +61,11 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.7);
color: var(--text-color); /* Use variable for overlay text color */ color: var(--overlay-text-color); /* Use variable for overlay text color */
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: x-large; font-size: large;
transition: opacity 0.5s ease; transition: opacity 0.5s ease;
pointer-events: none; pointer-events: none;
opacity: 0; opacity: 0;
@ -176,11 +176,10 @@
color: var(--text-color); /* Text color */ color: var(--text-color); /* Text color */
font-size: medium; /* Font size for dropdown */ font-size: medium; /* Font size for dropdown */
cursor: pointer; /* Cursor change on hover */ cursor: pointer; /* Cursor change on hover */
transition: background-color 0.3s ease, border 0.3s ease; /* Smooth transition */ transition: all 0.3s ease-in-out, border 0.3s ease; /* Smooth transition */
}
#model-select option:hover{
background-color: gray;
} }
#model-select:hover {
background-color: var(--button-hover-background-color); /* Change background on hover */
border-color: var(--button-background-color); /* Change border color on hover */
}

3
app/styles/variables.css
View file

@ -19,7 +19,8 @@
--conversation-background-color: #79832e; /* Background color for conversation container */ --conversation-background-color: #79832e; /* Background color for conversation container */
--doc-background-color: #ffffff; /* Background color for documents */ --doc-background-color: #ffffff; /* Background color for documents */
--close-button-color: red; --close-button-color: red;
--burger-menu-background-color: #79832e; --burger-menu-background-color: #79832e; /*NEW*/
--overlay-text-color:white; /*NEW*/
/* FAQ Colors */ /* FAQ Colors */
--faq-background-color: #474D22; /* Background color for FAQ section */ --faq-background-color: #474D22; /* Background color for FAQ section */