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

Compare commits

base: sageTheDm:9a55c0671de22d8e30c2a0bac7cc6a80773e26e0
Branches Tags
sageTheDm:main
React-Group:main
..
compare: sageTheDm:b58ad967dd447028fdeb178d96a4b4b6ae3902d5
Branches Tags
sageTheDm:main
React-Group:main

No commits in common. "9a55c0671de22d8e30c2a0bac7cc6a80773e26e0" and "b58ad967dd447028fdeb178d96a4b4b6ae3902d5" have entirely different histories.
9a55c0671d ... b58ad967dd

5 changed files with 7 additions and 51 deletions
Show stats Expand all files Collapse all files

2
app/styles/Login.css
View file

@ -15,7 +15,7 @@
/* Popup content box */ /* Popup content box */
.popup-content { .popup-content {
background-color: var(--popup-background-color); /* Use variable for background color */ background: var(--popup-background-color); /* Use variable for background color */
color: var(--popup-text-color); /* Use variable for text color */ color: var(--popup-text-color); /* Use variable for text color */
padding: 30px; padding: 30px;
border-radius: 10px; border-radius: 10px;

3
app/styles/container.css
View file

@ -1,6 +1,7 @@
/* container.css */ /* container.css */
.container, .container,
.content { .content {
padding-top: 10vh;
display: flex; display: flex;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
@ -9,7 +10,6 @@
} }
.left-panel { .left-panel {
margin-top: 10vh;
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,6 @@
} }
.conversation-container { .conversation-container {
margin-top: 10vh;
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 */

24
app/styles/header.css
View file

@ -11,31 +11,10 @@ header{
} }
.hamburger{ .hamburger{
position: absolute;
display: none; display: none;
flex-direction: column;
cursor: pointer;
} }
.hamburger span{ .hamburger.open:nth-child(1)
width: 25px;
height: 3px;
background-color: white;
margin: 4px;
transition: 0.3s;
}
.hamburger.open span:nth-child(1){
transform: rotate(45deg) translate(5px, 10px);
}
.hamburger.open span:nth-child(2){
opacity: 0;
}
.hamburger.open span:nth-child(3){
transform: rotate(-45deg) translate(5px, -10px);
}
.nav-links{ .nav-links{
position: absolute; position: absolute;
@ -66,6 +45,7 @@ header{
position: absolute; position: absolute;
top: 2.5vh; top: 2.5vh;
right: 1vw; right: 1vw;
justify-self: flex-end;
padding: 10px 20px; padding: 10px 20px;
background-color: var(--input-button-color); background-color: var(--input-button-color);
color: var(--text-color); color: var(--text-color);

28
app/styles/responsive.css
View file

@ -104,38 +104,16 @@
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-login-button{ .login-button button{
position: absolute; margin: 20px 0;
top: 3.5vh;
right: 5vw;
} }
.hamburger.open{ .hamburger.open{
margin-top: 0.5vh; margin-top: 0.5vh;
padding-left: 1vw;
} }
.nav-links{ .nav-links{
display: none; position: fixed;
position: absolute;
top: 10vh;
left: 0;
background-color: var(--burger-menu-background-color);
width: 100%;
flex-direction: column;
align-items: flex-start;
padding: 10px;
height: fit-content;
}
.nav-links.active{
display: flex;
}
.nav-btn{
width: 100%;
text-align: left;
padding: 10px;
} }
.hamburger { .hamburger {

1
app/styles/variables.css
View file

@ -29,7 +29,6 @@
--faq-item-text-color: #333; /* Text color for FAQ items */ --faq-item-text-color: #333; /* Text color for FAQ items */
--faq-item-hover-background-color: #e0e0e0; /* Hover background color for FAQ items */ --faq-item-hover-background-color: #e0e0e0; /* Hover background color for FAQ items */
--popup-background-color: #8B9635
--pop-up-text: #000; /* Text color for pop-ups */ --pop-up-text: #000; /* Text color for pop-ups */
--input-border-color: #8B9635; /* Input border color */ --input-border-color: #8B9635; /* Input border color */
--font-family: 'Poppins', 'sans-serif';/* Default font family */ --font-family: 'Poppins', 'sans-serif';/* Default font family */