Cool_Tools/upscayl
1
0
Fork 0
mirror of https://github.com/upscayl/upscayl.git synced 2025-01-31 04:03:51 +01:00
Code Releases Wiki Activity

Updated settings

Browse Source
This commit is contained in:
Feenix 2023-04-15 09:20:46 +05:30
parent f163685b8c
commit 3865e1fed0
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
renderer/components/SettingsTab.tsx
View File

@ -137,7 +137,12 @@ function SettingsTab({
<div className="animate-step-in animate flex h-screen flex-col gap-7 overflow-y-auto p-5 overflow-x-hidden"> <div className="animate-step-in animate flex h-screen flex-col gap-7 overflow-y-auto p-5 overflow-x-hidden">
{/* IMAGE FORMAT BUTTONS */} {/* IMAGE FORMAT BUTTONS */}
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<p className="text-sm font-medium">Save Image As:</p> <div className="flex flex-row gap-1">
<p className="text-sm font-medium">SAVE IMAGE AS</p>
<p className="badge-primary badge text-[10px] font-medium">
EXPERIMENTAL
</p>
</div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
{batchMode && ( {batchMode && (
<p className="text-xs text-base-content/70"> <p className="text-xs text-base-content/70">
@ -175,7 +180,7 @@ function SettingsTab({
{/* THEME SELECTOR */} {/* THEME SELECTOR */}
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<p className="text-sm font-medium">Upscayl Theme:</p> <p className="text-sm font-medium">UPSCAYL THEME</p>
<select data-choose-theme className="select-primary select"> <select data-choose-theme className="select-primary select">
<option value="dark">Default</option> <option value="dark">Default</option>
{availableThemes.map((theme) => { {availableThemes.map((theme) => {
@ -190,7 +195,7 @@ function SettingsTab({
{/* GPU ID INPUT */} {/* GPU ID INPUT */}
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<p className="text-sm font-medium">GPU ID:</p> <p className="text-sm font-medium">GPU ID</p>
<input <input
type="text" type="text"
placeholder="Type here" placeholder="Type here"
@ -202,7 +207,7 @@ function SettingsTab({
{/* GPU ID INPUT */} {/* GPU ID INPUT */}
<div className="flex flex-col items-start gap-2"> <div className="flex flex-col items-start gap-2">
<p className="text-sm font-medium">Custom Models Path:</p> <p className="text-sm font-medium">ADD CUSTOM MODELS</p>
<p className="text-sm text-base-content/60">{customModelsPath}</p> <p className="text-sm text-base-content/60">{customModelsPath}</p>
<button <button
className="btn-primary btn" className="btn-primary btn"
@ -221,11 +226,11 @@ function SettingsTab({
</div> </div>
<div> <div>
<div> <div className="flex flex-row gap-1">
<p className="badge-primary badge text-xs font-medium"> <p className="text-sm font-medium">IMAGE SCALE</p>
<p className="badge-primary badge text-[10px] font-medium">
EXPERIMENTAL EXPERIMENTAL
</p> </p>
<p className="text-sm font-medium">Custom Model Scale:</p>
</div> </div>
<input <input
type="range" type="range"
@ -251,7 +256,7 @@ function SettingsTab({
onClick={copyOnClickHandler}> onClick={copyOnClickHandler}>
{isCopied ? <span>Copied 📋</span> : <span>Copy 📋</span>} {isCopied ? <span>Copied 📋</span> : <span>Copy 📋</span>}
</button> </button>
<p className="text-sm font-medium">Logs</p> <p className="text-sm font-medium">LOGS</p>
<code className="rounded-btn relative flex h-52 max-h-52 flex-col gap-3 overflow-y-auto break-all bg-base-200 p-4 text-xs"> <code className="rounded-btn relative flex h-52 max-h-52 flex-col gap-3 overflow-y-auto break-all bg-base-200 p-4 text-xs">
{logData.length === 0 && ( {logData.length === 0 && (
<p className="text-base-content/70">No logs to show</p> <p className="text-base-content/70">No logs to show</p>

2
renderer/components/Tabs.tsx
View File

@ -7,7 +7,7 @@ type TabsProps = {
const Tabs = ({ selectedTab, setSelectedTab }: TabsProps) => { const Tabs = ({ selectedTab, setSelectedTab }: TabsProps) => {
return ( return (
<div className="tabs tabs-boxed mx-auto"> <div className="tabs tabs-boxed mx-auto mb-2">
<a <a
className={`tab ${selectedTab === 0 && "tab-active"}`} className={`tab ${selectedTab === 0 && "tab-active"}`}
onClick={() => { onClick={() => {