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

The first working Theme Settings

Browse source
This commit is contained in:
sageTheDM 2024-09-23 11:55:58 +02:00
parent 1718c9cf69
commit f5b1e80c6d
16 changed files with 517 additions and 250 deletions
Download patch file Download diff file Expand all files Collapse all files

21
app/styles/models.css
View file

@ -1,21 +1,20 @@
.model-background {
grid-column: 1/2;
grid-row: 2/5;
grid-column: 1 / 2;
grid-row: 2 / 5;
overflow-y: auto;
background-color: var(--models-background-color);
background-color: var(--models-background-color); /* Ensure this variable is defined */
border-radius: 2em;
padding: 1em;
margin-left: 1em;
height: 40vh;
box-sizing: border-box;
overflow: hidden;
}
.models {
grid-column: 1/2;
grid-row: 2/5;
grid-column: 1 / 2;
grid-row: 2 / 5;
overflow-y: auto;
background-color: var(--models-background-color);
background-color: var(--models-background-color); /* Ensure this variable is defined */
border-radius: 2em;
padding: 1em;
height: 100%;
@ -55,7 +54,7 @@
display: flex;
align-items: center;
justify-content: center;
color: #fff;
color: var(--text-color); /* Use variable for text color */
border-radius: 5%;
overflow: hidden;
position: relative;
@ -70,7 +69,7 @@
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
color: white;
color: var(--text-color); /* Use variable for overlay text color */
display: flex;
justify-content: center;
align-items: center;
@ -103,7 +102,7 @@
.math-model {
background-image: url(/img/math.jpg);
background-color: white;
background-color: var(--background-color); /* Use variable for background color */
background-position: center;
background-repeat: no-repeat;
background-size: contain;
@ -111,7 +110,7 @@
.language-model {
background-image: url(/img/language.jpg);
background-color: #72cce4;
background-color: #72cce4; /* Use variable for background color */
background-repeat: no-repeat;
background-size: contain;
background-position: center;