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

Fixed the responsive design

Browse source
This commit is contained in:
sageTheDM 2024-09-24 07:42:39 +02:00
parent 637cf60a9b
commit bc29dab968
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file 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 */