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

Responsive css tweaks #36

Merged
Patrick_Pluto merged 3 commits from sageTheDm/interstellar_ai:main into main 2024-09-24 09:56:11 +02:00
Conversation 0 Commits 3 Files changed 1 +12 -7
1 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/styles/responsive.css
View file

@ -3,13 +3,14 @@
* {
margin: 0;
padding: 0;
border-radius: none;
}
/* Header styles */
header {
flex-direction: column;
align-items: center;
position: relative;
position: fixed;
top: 0;
left: 0;
margin-top: 0px;
@ -25,7 +26,7 @@
width: 100vw;
overflow: scroll;
margin: 0;
padding: 0;
padding: 7em 0 0 0 ;
}
header li {
@ -48,8 +49,8 @@
/* Left panel styles */
.left-panel {
display: none; /* Initially hidden */
min-width: 90%; /* Takes full width when visible */
display: hidden; /* Initially hidden */
min-width: 100%; /* Takes full width when visible */
margin: 0;
}
@ -59,8 +60,9 @@
/* Conversation container styles */
.conversation-container {
width: 90%;
height: 90%;
min-width: 100%;
height: 100%;
border-radius: 0;
}
.conversation-container.collapsed {
@ -68,10 +70,13 @@
padding: 0;
border: none;
overflow: hidden;
display: hidden;
}
.conversation-container.expanded {
width: 100%;
min-width: 100%;
margin-left: 0;
border-radius: none;
}
/* Grid styles */