UniqAI/bolt.new
1
0
Fork 0
mirror of https://github.com/stackblitz/bolt.new synced 2025-02-06 04:48:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

ui: Small Style Update

Browse Source 
update to the settings style
This commit is contained in:
Dustin Loring 2024-12-07 17:34:50 -05:00
parent 5615cc1312
commit 2d1c19ba9c
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
app/components/ui/Settings.tsx
View File

@ -257,7 +257,7 @@ export const Settings = ({ open, onClose }: SettingsProps) => {
Export All Chats Export All Chats
</button> </button>
<div className="bg-red-500 text-white rounded-lg p-4 mb-4"> <div className="text-white rounded-lg p-4 mb-4">
<h4 className="font-semibold">Danger Area</h4> <h4 className="font-semibold">Danger Area</h4>
<p className="mb-2">This action cannot be undone!</p> <p className="mb-2">This action cannot be undone!</p>
<button <button
@ -275,14 +275,16 @@ export const Settings = ({ open, onClose }: SettingsProps) => {
)} )}
{activeTab === 'providers' && ( {activeTab === 'providers' && (
<div className="p-4"> <div className="p-4">
<h3 className="text-lg font-medium text-white mb-4">Providers</h3> <div className="flex items-center justify-between mb-4">
<input <h3 className="text-lg font-medium text-white">Providers</h3>
type="text" <input
placeholder="Search providers..." type="text"
value={searchTerm} placeholder="Search providers..."
onChange={(e) => setSearchTerm(e.target.value)} value={searchTerm}
className="mb-4 p-2 rounded border border-gray-300 w-full" onChange={(e) => setSearchTerm(e.target.value)}
/> className="mb-4 p-2 rounded border border-gray-300"
/>
</div>
{filteredProviders.map((provider) => ( {filteredProviders.map((provider) => (
<div <div
key={provider.name} key={provider.name}
@ -305,7 +307,6 @@ export const Settings = ({ open, onClose }: SettingsProps) => {
></div> ></div>
</label> </label>
</div> </div>
{/* Base URL input for configurable providers */} {/* Base URL input for configurable providers */}
{URL_CONFIGURABLE_PROVIDERS.includes(provider.name) && provider.isEnabled && ( {URL_CONFIGURABLE_PROVIDERS.includes(provider.name) && provider.isEnabled && (
<div className="mt-2"> <div className="mt-2">