interstellar_ai/app/styles/responsive.css

57 lines
1.1 KiB
CSS
Raw Normal View History

2024-09-18 12:52:36 +02:00
/* responsive.css */
/* Responsive behavior - applies only on smaller screens */
@media (max-width: 1200px) {
2024-09-18 15:01:31 +02:00
2024-09-18 12:52:36 +02:00
/* Left panel as an overlay */
.left-panel {
margin: 0 auto;
min-width: 100vw;
max-width: 100vw;
padding: 1em;
}
.left-panel.hidden {
2024-09-18 15:01:31 +02:00
width: 0;
/* Set width to 0 when hidden */
visibility: hidden;
/* Fully hide the panel */
2024-09-18 12:52:36 +02:00
margin: 0;
padding: 0;
overflow: hidden;
}
header {
height: 125px;
}
header li {
flex-direction: column;
display: block;
padding: 2px;
}
body {
margin-top: 100px;
}
2024-09-18 15:01:31 +02:00
.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;
}
}