Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enhancement: update responsive setting and my model page (#4533)

Browse Source
This commit is contained in:
Faisal Amir 2025-01-28 21:45:20 +07:00 committed by GitHub
parent 6dd090acc1
commit be6de587c5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/screens/Settings/Advanced/index.tsx
View File

@ -212,8 +212,8 @@ const Advanced = ({ setSubdir }: { setSubdir: (subdir: string) => void }) => {
<ScrollArea className="h-full w-full px-4"> <ScrollArea className="h-full w-full px-4">
<div className="block w-full py-4"> <div className="block w-full py-4">
{/* Experimental */} {/* Experimental */}
<div className="flex w-full flex-col items-start justify-between gap-4 border-b border-[hsla(var(--app-border))] py-4 first:pt-0 last:border-none sm:flex-row"> <div className="flex w-full flex-row items-start justify-between gap-4 border-b border-[hsla(var(--app-border))] py-4 first:pt-0 last:border-none">
<div className="flex-shrink-0 space-y-1"> <div className="space-y-1">
<div className="flex gap-x-2"> <div className="flex gap-x-2">
<h6 className="font-semibold capitalize">Experimental Mode</h6> <h6 className="font-semibold capitalize">Experimental Mode</h6>
</div> </div>
@ -222,11 +222,13 @@ const Advanced = ({ setSubdir }: { setSubdir: (subdir: string) => void }) => {
performance. Enable with caution. performance. Enable with caution.
</p> </p>
</div> </div>
<Switch <div className="flex-shrink-0">
data-testid="experimental-switch" <Switch
checked={experimentalEnabled} data-testid="experimental-switch"
onChange={updateExperimentalEnabled} checked={experimentalEnabled}
/> onChange={updateExperimentalEnabled}
/>
</div>
</div> </div>
{/* CPU / GPU switching */} {/* CPU / GPU switching */}
@ -428,7 +430,7 @@ const Advanced = ({ setSubdir }: { setSubdir: (subdir: string) => void }) => {
{/* Proxy Settings Link */} {/* Proxy Settings Link */}
<div className="flex w-full flex-col items-start justify-between gap-4 border-b border-[hsla(var(--app-border))] py-4 first:pt-0 last:border-none sm:flex-row"> <div className="flex w-full flex-col items-start justify-between gap-4 border-b border-[hsla(var(--app-border))] py-4 first:pt-0 last:border-none sm:flex-row">
<div className="flex w-full cursor-pointer items-center justify-between"> <div className="flex w-full cursor-pointer items-start justify-between">
<div className="space-y-1"> <div className="space-y-1">
<div className="flex gap-x-2"> <div className="flex gap-x-2">
<h6 className="font-semibold capitalize">HTTPS Proxy</h6> <h6 className="font-semibold capitalize">HTTPS Proxy</h6>

2
web/screens/Settings/MyModels/index.tsx
View File

@ -187,7 +187,7 @@ const MyModels = () => {
return ( return (
<div className="my-6" key={i}> <div className="my-6" key={i}>
<div className="flex flex-col items-start justify-start gap-2 sm:flex-row sm:items-center sm:justify-between"> <div className="flex flex-row items-center justify-between gap-2">
<div <div
className="mb-1 mt-3 flex cursor-pointer items-center gap-2" className="mb-1 mt-3 flex cursor-pointer items-center gap-2"
onClick={onClickChevron} onClick={onClickChevron}