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

Compare commits

base: sageTheDm:2c8145316f46769c408464db9f705d56d20648d2
Branches Tags
sageTheDm:main
React-Group:main
...
compare: sageTheDm:ca58be77008d72a843919d9687ac653bc058170e
Branches Tags
sageTheDm:main
React-Group:main

2 commits
2c8145316f ... ca58be7700

Author SHA1 Message Date
sageTheDM
ca58be7700 Merge branch 'main' of interstellardevelopment.org:sageTheDm/interstellar_ai 2024-09-24 09:54:48 +02:00
sageTheDM
06a0eebd83 Fixed the responsive design? 2024-09-24 09:54:45 +02:00
1 changed files with 12 additions and 7 deletions
Show stats 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 */