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

Merge pull request 'css tweaks' (#17) from YasinOnm08/interstellar_ai:main into main

Browse source 
Reviewed-on: https://interstellardevelopment.org/code/code/React-Group/interstellar_ai/pulls/17
This commit is contained in:
Patrick 2024-09-18 16:28:59 +02:00
commit e90eeead46
3 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/styles/container.css
View file

@ -1,5 +1,6 @@
/* container.css */ /* container.css */
.container { .container {
padding-top: 10vh;
display: flex; display: flex;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
@ -8,7 +9,7 @@
} }
.left-panel { .left-panel {
width: 30vw; /* Adjust as needed */ width: 25vw; /* Adjust as needed */
transition: width 0.3s ease, visibility 0.3s ease; /* Transition for width, opacity, and visibility */ transition: width 0.3s ease, visibility 0.3s ease; /* Transition for width, opacity, and visibility */
} }

7
app/styles/models.css
View file

@ -5,8 +5,8 @@
background-color: var(--models-background-color); background-color: var(--models-background-color);
border-radius: 2em; border-radius: 2em;
padding: 1em; padding: 1em;
margin: 1em; margin-left: 1em;
height: 50vh; height: 40vh;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
} }
@ -37,6 +37,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 0.7em;
} }
.grid { .grid {
@ -47,7 +48,7 @@
} }
.grid h3 { .grid h3 {
font-size: x-large; font-size: large;
} }
.model-box { .model-box {

4
app/styles/output.css
View file

@ -9,11 +9,11 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
font-size: 1.2em; font-size: 1em;
overflow-y: auto; overflow-y: auto;
margin-bottom: 0; margin-bottom: 0;
width: 100% -2em; width: 100% -2em;
height: 80vh; height: 70vh;
margin-bottom: 1vh; margin-bottom: 1vh;
} }