diff --git a/src/config.json b/src/config.json
index 3f58ea9..9728cdc 100644
--- a/src/config.json
+++ b/src/config.json
@@ -917,14 +917,15 @@
"simplyTranslate": {
"name": "SimplyTranslate",
"instanceList": true,
- "url": "https://git.sr.ht/~metalune/simplytranslate_web",
+ "url": "https://codeberg.org/ManeraKai/simplytranslate",
"localhost": true
},
"mozhi": {
"name": "Mozhi",
"instanceList": true,
"url": "https://codeberg.org/aryak/mozhi",
- "localhost": false
+ "localhost": false,
+ "imageType": "svg"
},
"libreTranslate": {
"name": "LibreTranslate",
diff --git a/src/pages/src/App.svelte b/src/pages/src/App.svelte
index f24b43e..c96d72d 100644
--- a/src/pages/src/App.svelte
+++ b/src/pages/src/App.svelte
@@ -103,7 +103,7 @@
div {
height: 100%;
display: grid;
- grid-template-columns: min-content 700px;
+ grid-template-columns: min-content 800px;
margin: 0;
padding-top: 50px;
justify-content: center;
diff --git a/src/pages/src/Services/FrontendIcon.svelte b/src/pages/src/Services/FrontendIcon.svelte
new file mode 100644
index 0000000..24942fd
--- /dev/null
+++ b/src/pages/src/Services/FrontendIcon.svelte
@@ -0,0 +1,43 @@
+
+
+{#if imageType}
+ {#if imageType == "svgMono"}
+ {#if theme == "dark"}
+
+ {:else}
+
+ {/if}
+ {:else}
+
+ {/if}
+{/if}
diff --git a/src/pages/src/Services/RedirectType.svelte b/src/pages/src/Services/RedirectType.svelte
index 8cddeaf..16b9908 100644
--- a/src/pages/src/Services/RedirectType.svelte
+++ b/src/pages/src/Services/RedirectType.svelte
@@ -2,7 +2,11 @@
import { onDestroy } from "svelte"
import RowSelect from "../components/RowSelect.svelte"
+ import SvelteSelect from "svelte-select"
import { options, config } from "../stores"
+ import Row from "../components/Row.svelte"
+ import Label from "../components/Label.svelte"
+ import FrontendIcon from "./FrontendIcon.svelte"
let _options
let _config
@@ -52,7 +56,7 @@
if (frontendConf.embeddable && frontendConf.instanceList) {
embeddableFrontends.push({
value: frontendId,
- name: frontendConf.name,
+ label: frontendConf.name,
})
}
}
@@ -70,13 +74,26 @@
/>
{#if serviceConf.frontends[frontendName].desktopApp && serviceOptions.redirectType != "main_frame"}
- {
- serviceOptions.embedFrontend = e.target.options[e.target.options.selectedIndex].value
- options.set(_options)
- }}
- values={embeddableFrontends}
- />
+
+
+ {
+ serviceOptions.embedFrontend = e.detail.value
+ options.set(_options)
+ }}
+ items={embeddableFrontends}
+ >
+
+
+ {item.label}
+
+
+
+ {selection.label}
+
+
+
{/if}
diff --git a/src/pages/src/Services/Services.svelte b/src/pages/src/Services/Services.svelte
index 7ce12ac..22a8219 100644
--- a/src/pages/src/Services/Services.svelte
+++ b/src/pages/src/Services/Services.svelte
@@ -10,6 +10,7 @@
import Instances from "./Instances.svelte"
import SvelteSelect from "svelte-select"
import ServiceIcon from "./ServiceIcon.svelte"
+ import FrontendIcon from "./FrontendIcon.svelte"
let _options
let _config
@@ -88,19 +89,31 @@
{frontendWebsite}
-