fix: explainer component

This commit is contained in:
Andras Bacsai
2022-09-02 09:00:35 +02:00
parent 46268f0dcf
commit b427573e19
23 changed files with 70 additions and 141 deletions

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
import Explaner from '$lib/components/Explainer.svelte';
import Explainer from '$lib/components/Explainer.svelte';
import { t } from '$lib/translations';
export let readOnly: any;
export let service: any;
@@ -8,7 +8,7 @@
<div class="flex space-x-1 py-5">
<div class="title">
Ghost <Explaner explanation="You can change these values in the Ghost admin panel." />
Ghost <Explainer explanation="You can change these values in the Ghost admin panel." />
</div>
</div>
<div class="grid grid-cols-2 items-center px-10">

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
import Explaner from '$lib/components/Explainer.svelte';
import Explainer from '$lib/components/Explainer.svelte';
import { appSession, status } from '$lib/store';
import { t } from '$lib/translations';
export let service: any;
@@ -12,7 +12,7 @@
</div>
<div class="grid grid-cols-2 items-center px-10">
<label for="scriptName"
>Script Name <Explaner
>Script Name <Explainer
explanation="Useful if you would like to rename the collector script to prevent it blocked by AdBlockers."
/></label
>

View File

@@ -30,7 +30,7 @@
import Moodle from './_Moodle.svelte';
import Searxng from './_Searxng.svelte';
import Weblate from './_Weblate.svelte';
import Explaner from '$lib/components/Explainer.svelte';
import Explainer from '$lib/components/Explainer.svelte';
const { id } = $page.params;
$: isDisabled =
@@ -284,7 +284,7 @@
<div class="grid grid-cols-2 px-10">
<div class="flex-col ">
<label for="apiFqdn" class="pt-2 text-base font-bold text-stone-100"
>API URL <Explaner explanation={$t('application.https_explainer')} /></label
>API URL <Explainer explanation={$t('application.https_explainer')} /></label
>
</div>
@@ -304,7 +304,7 @@
<div class="flex-col ">
<label for="fqdn" class="pt-2 text-base font-bold text-stone-100"
>{$t('application.url_fqdn')}
<Explaner explanation={$t('application.https_explainer')} />
<Explainer explanation={$t('application.https_explainer')} />
</label>
</div>
@@ -367,7 +367,7 @@
</div>
<div class="grid grid-cols-2 items-center px-10">
<label for="exposePort" class="text-base font-bold text-stone-100"
>Exposed Port <Explaner
>Exposed Port <Explainer
explanation={'You can expose your application to a port on the host system.<br><br>Useful if you would like to use your own reverse proxy or tunnel and also in development mode. Otherwise leave empty.'}
/></label
>

View File

@@ -1,6 +1,6 @@
<script lang="ts">
import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
import Explaner from '$lib/components/Explainer.svelte';
import Explainer from '$lib/components/Explainer.svelte';
export let service: any;
</script>
@@ -13,7 +13,7 @@
</div>
<div class="grid grid-cols-2 items-center px-10">
<label for="umamiAdminPassword"
>Initial Admin Password <Explaner
>Initial Admin Password <Explainer
explanation="It could be changed in Umami. <br>This is just the password set initially after the first start."
/></label
>

View File

@@ -25,7 +25,7 @@
import { page } from '$app/stores';
import Storage from './_Storage.svelte';
import { get } from '$lib/api';
import Explainer from '$lib/components/Explainer.svelte';
import SimpleExplainer from '$lib/components/SimpleExplainer.svelte';
import ServiceLinks from './_ServiceLinks.svelte';
const { id } = $page.params;
@@ -74,7 +74,7 @@
<div class="mx-auto max-w-6xl rounded-xl px-6 pt-4">
<div class="flex justify-center py-4 text-center">
<Explainer
<SimpleExplainer
customClass="w-full"
text={'You can specify any folder that you want to be persistent across restarts. <br>This is useful for storing data for VSCode server or WordPress.'}
/>