diff --git a/public/html/settings.html b/public/html/settings.html index 3983699..c4c64e5 100644 --- a/public/html/settings.html +++ b/public/html/settings.html @@ -130,15 +130,22 @@ -
+

-
- Prefix: - - empty +
+ Prefix -     - + + +
+ + + +


diff --git a/src/sass/components.sass b/src/sass/components.sass index 8bdcd61..afe9687 100644 --- a/src/sass/components.sass +++ b/src/sass/components.sass @@ -12,6 +12,53 @@ p, span, div color: map.get($theme-map, "text") + /* Directory selector + + .directory-selector + display: inline-flex + + width: calc(100% - 28px) + border-radius: 16px + padding: 8px + + background-color: map.get($theme-map, "background2") + + > span + align-self: center + margin: 0 12px + + > input + width: 100% + height: 24px + align-self: center + + background-color: transparent + + font-size: 15px + color: map.get($theme-map, "text") + + border: unset + outline: none + border-bottom: 1px solid map.get($theme-map, "primary") + + > div + width: 120px + margin-left: 8px + + button + padding: 4px 8px + + &:nth-child(1) svg + width: 20px + height: 20px + + &:nth-child(2) svg + width: 18px + height: 18px + + &:hover + background-color: map.get($theme-map, "background1") !important + /* Editable list of properties */ .properties-list diff --git a/src/ts/settings.ts b/src/ts/settings.ts index 9df9842..3b52948 100644 --- a/src/ts/settings.ts +++ b/src/ts/settings.ts @@ -58,17 +58,17 @@ $(() => { * Prefix */ - $('#prefixloc #currentprefix').text(LauncherLib.getConfig('prefix')); + $('#prefix input').val(constants.prefixDir.get()); ipcRenderer.on('prefix-changed', () => { - $('#prefixloc #currentprefix').text(LauncherLib.getConfig('prefix')); + $('#prefix input').val(constants.prefixDir.get()); }); - $('#prefixloc #prefixdir').on('click', () => { + $('#prefix #choose-location').on('click', () => { ipcRenderer.send('prefix-select'); }); - $('#prefixloc #defprefix').on('click', () => { + $('#prefix #reset-location').on('click', () => { ipcRenderer.send('prefix-reset'); });