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

Compare commits

base: React-Group:0a3334d6ea30a19e73aeb7ab7b9284becd50f59d
Branches Tags
React-Group:main
..
compare: React-Group:3588a4b703f588184e686ba678527ed9d02c67f9
Branches Tags
React-Group:main

No commits in common. "0a3334d6ea30a19e73aeb7ab7b9284becd50f59d" and "3588a4b703f588184e686ba678527ed9d02c67f9" have entirely different histories.
0a3334d6ea ... 3588a4b703

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 */