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

AHHHHHHHH HELP I CANT REVERT AHHHHHH

Browse source
This commit is contained in:
Patrick_Pluto 2024-09-18 15:01:31 +02:00
parent a143cea88d
commit 75a7438881
1 changed files with 26 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/styles/responsive.css
View file

@ -2,6 +2,7 @@
/* Responsive behavior - applies only on smaller screens */ /* Responsive behavior - applies only on smaller screens */
@media (max-width: 1200px) { @media (max-width: 1200px) {
/* Left panel as an overlay */ /* Left panel as an overlay */
.left-panel { .left-panel {
margin: 0 auto; margin: 0 auto;
@ -11,8 +12,10 @@
} }
.left-panel.hidden { .left-panel.hidden {
width: 0; /* Set width to 0 when hidden */ width: 0;
visibility: hidden; /* Fully hide the panel */ /* Set width to 0 when hidden */
visibility: hidden;
/* Fully hide the panel */
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
@ -31,4 +34,24 @@
body { body {
margin-top: 100px; margin-top: 100px;
} }
.conversation-container.expanded {
width: 0;
/* Set width to 0 when hidden */
visibility: hidden;
/* Fully hide the panel */
margin: 0;
padding: 0;
overflow: hidden;
}
.conversation-container.collapsed {
margin: 0 auto;
min-width: 100vw;
max-width: 100vw;
padding: 1em;
margin-left: 0;
}
} }