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

Compare commits

base: sageTheDm:ca58be77008d72a843919d9687ac653bc058170e
Branches Tags
sageTheDm:main
React-Group:main
..
compare: sageTheDm:2c8145316f46769c408464db9f705d56d20648d2
Branches Tags
sageTheDm:main
React-Group:main

No commits in common. "ca58be77008d72a843919d9687ac653bc058170e" and "2c8145316f46769c408464db9f705d56d20648d2" have entirely different histories.
ca58be7700 ... 2c8145316f

1 changed files with 7 additions and 12 deletions
Show stats Expand all files Collapse all files

19
app/styles/responsive.css
View file

@ -3,14 +3,13 @@
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
border-radius: none;
} }
/* Header styles */ /* Header styles */
header { header {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: fixed; position: relative;
top: 0; top: 0;
left: 0; left: 0;
margin-top: 0px; margin-top: 0px;
@ -26,7 +25,7 @@
width: 100vw; width: 100vw;
overflow: scroll; overflow: scroll;
margin: 0; margin: 0;
padding: 7em 0 0 0 ; padding: 0;
} }
header li { header li {
@ -49,8 +48,8 @@
/* Left panel styles */ /* Left panel styles */
.left-panel { .left-panel {
display: hidden; /* Initially hidden */ display: none; /* Initially hidden */
min-width: 100%; /* Takes full width when visible */ min-width: 90%; /* Takes full width when visible */
margin: 0; margin: 0;
} }
@ -60,9 +59,8 @@
/* Conversation container styles */ /* Conversation container styles */
.conversation-container { .conversation-container {
min-width: 100%; width: 90%;
height: 100%; height: 90%;
border-radius: 0;
} }
.conversation-container.collapsed { .conversation-container.collapsed {
@ -70,13 +68,10 @@
padding: 0; padding: 0;
border: none; border: none;
overflow: hidden; overflow: hidden;
display: hidden;
} }
.conversation-container.expanded { .conversation-container.expanded {
min-width: 100%; width: 100%;
margin-left: 0;
border-radius: none;
} }
/* Grid styles */ /* Grid styles */