forked from React-Group/interstellar_ai
AHHHHHHHH HELP I CANT REVERT AHHHHHH
This commit is contained in:
parent
a143cea88d
commit
75a7438881
1 changed files with 26 additions and 3 deletions
|
@ -2,6 +2,7 @@
|
|||
|
||||
/* Responsive behavior - applies only on smaller screens */
|
||||
@media (max-width: 1200px) {
|
||||
|
||||
/* Left panel as an overlay */
|
||||
.left-panel {
|
||||
margin: 0 auto;
|
||||
|
@ -11,8 +12,10 @@
|
|||
}
|
||||
|
||||
.left-panel.hidden {
|
||||
width: 0; /* Set width to 0 when hidden */
|
||||
visibility: hidden; /* Fully hide the panel */
|
||||
width: 0;
|
||||
/* Set width to 0 when hidden */
|
||||
visibility: hidden;
|
||||
/* Fully hide the panel */
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
|
@ -31,4 +34,24 @@
|
|||
body {
|
||||
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;
|
||||
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue