forked from React-Group/interstellar_ai
35 lines
662 B
CSS
35 lines
662 B
CSS
|
/* responsive.css */
|
||
|
|
|
||
|
|
/* Responsive behavior - applies only on smaller screens */
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
/* Left panel as an overlay */
|
||
|
|
.left-panel {
|
||
|
|
margin: 0 auto;
|
||
|
|
min-width: 100vw;
|
||
|
|
max-width: 100vw;
|
||
|
|
padding: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.left-panel.hidden {
|
||
|
|
width: 0; /* Set width to 0 when hidden */
|
||
|
|
visibility: hidden; /* Fully hide the panel */
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
height: 125px;
|
||
|
|
}
|
||
|
|
|
||
|
|
header li {
|
||
|
|
flex-direction: column;
|
||
|
|
display: block;
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin-top: 100px;
|
||
|
|
}
|
||
|
|
}
|