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

Compare commits

base: sageTheDm:ab3e98ca0dcc558262dc2b3eadd92522a424b7f0
Branches Tags
sageTheDm:main
React-Group:main
...
compare: sageTheDm:3db69f68a97ee8e88cd9bb184a2b610292c3264a
Branches Tags
sageTheDm:main
React-Group:main

2 commits
ab3e98ca0d ... 3db69f68a9

Author SHA1 Message Date
sageTheDM
3db69f68a9 Merge branches 'main' and 'main' of interstellardevelopment.org:sageTheDm/interstellar_ai 2024-09-24 07:44:17 +02:00
sageTheDM
bc29dab968 Fixed the responsive design 2024-09-24 07:42:39 +02:00
2 changed files with 7 additions and 2 deletions
Show stats Expand all files Collapse all files

1
app/components/Settings.tsx
View file

@ -579,6 +579,7 @@ const Settings: React.FC<{ closeSettings: () => void; accountName: string }> = (
<li onClick={() => setActiveSection('theme')}>Theme</li> <li onClick={() => setActiveSection('theme')}>Theme</li>
<li onClick={() => setActiveSection('foss')}>FOSS</li> <li onClick={() => setActiveSection('foss')}>FOSS</li>
<li onClick={() => setActiveSection('account')}>Account</li> <li onClick={() => setActiveSection('account')}>Account</li>
{/* Make something that can export and import all settings */}
</ul> </ul>
</div> </div>
<div className="settings-main"> <div className="settings-main">

8
app/styles/responsive.css
View file

@ -12,7 +12,7 @@
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
margin-top: 5px; margin-top: 0px;
padding-top: 0; padding-top: 0;
width: 100%; width: 100%;
} }
@ -23,7 +23,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width: 100vw; width: 100vw;
overflow: hidden; overflow: scroll;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -111,6 +111,10 @@
background-color: var(--input-button-color); /* Use variable for button color */ background-color: var(--input-button-color); /* Use variable for button color */
color: var(--user-message-text-color); /* Use variable for button text color */ color: var(--user-message-text-color); /* Use variable for button text color */
} }
.login-button button{
margin: 20px 0;
}
} }
/* Responsive adjustments for the settings */ /* Responsive adjustments for the settings */