diff --git a/src/app/Globals.css b/src/app/Globals.css
index 2278344..5741109 100644
--- a/src/app/Globals.css
+++ b/src/app/Globals.css
@@ -73,3 +73,7 @@ body {
*:focus {
@apply outline-none;
}
+
+.input-field {
+ @apply border-2 border-[#484848] rounded-md bg-[#242424] p-2 px-4 focus:border-blue-600 transition-colors;
+}
diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
index d209535..a6bb149 100644
--- a/src/app/settings/page.tsx
+++ b/src/app/settings/page.tsx
@@ -12,6 +12,7 @@ export default function Settings () {
useState(false)
const [allowNotifications, setAllowNotifications] = useState(false)
const [useWineOnUnixWhenNeeded, setUseWineOnUnixWhenNeeded] = useState(false)
+ const [wineOnUnixCommand, setWineOnUnixCommand] = useState('wine %path%')
const [useWindowsRoundedCorners, setUseWindowsRoundedCorners] =
useState(false)
const [loaded, setLoaded] = useState(false)
@@ -26,6 +27,7 @@ export default function Settings () {
setUseWineOnUnixWhenNeeded(
normalConfig.settings.useWineOnUnixWhenNeeded
)
+ setWineOnUnixCommand(normalConfig.settings.wineOnUnixCommand)
setAllowNotifications(normalConfig.settings.allowNotifications)
setUseWindowsRoundedCorners(
normalConfig.settings.useWindowsRoundedCorners
@@ -80,6 +82,21 @@ export default function Settings () {
}}
className={platform() == 'linux' ? '' : 'hidden'}
/>
+ {
+ while (normalConfig != null) {
+ setWineOnUnixCommand(e.target.value)
+ normalConfig.settings.wineOnUnixCommand = e.target.value
+ await writeNormalConfig(normalConfig)
+ break
+ }
+ }}
+ className={`input-field ${
+ platform() == 'linux' && useWineOnUnixWhenNeeded ? '' : 'hidden'
+ }`}
+ >