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