Add clearer anki connect instructions

This commit is contained in:
Shaun
2023-11-09 16:05:46 +09:00
parent 942d5d39f7
commit a4e1e6f54a

View File

@@ -1,4 +1,5 @@
<script lang="ts"> <script lang="ts">
import { page } from '$app/stores';
import { settings, updateAnkiSetting } from '$lib/settings'; import { settings, updateAnkiSetting } from '$lib/settings';
import { AccordionItem, Label, Toggle, Input, Helper } from 'flowbite-svelte'; import { AccordionItem, Label, Toggle, Input, Helper } from 'flowbite-svelte';
@@ -17,10 +18,13 @@
<span slot="header">Anki Connect</span> <span slot="header">Anki Connect</span>
<div class="flex flex-col gap-5"> <div class="flex flex-col gap-5">
<Helper <Helper
>For anki connect integration to work, you must add the reader to your anki connect <code >For anki connect integration to work, you must add the reader (<code class="text-primary-500">{$page.url.origin}</code>) to your anki connect <b
class="text-primary-500">webCorsOriginList</code class="text-primary-500">webCorsOriginList</b
> list</Helper > list</Helper
> >
<Helper>
To trigger the anki connect integration, double click or right click (long press on mobile) any text box.
</Helper>
<div> <div>
<Toggle bind:checked={enabled} on:change={() => updateAnkiSetting('enabled', enabled)} <Toggle bind:checked={enabled} on:change={() => updateAnkiSetting('enabled', enabled)}
>AnkiConnect Integration Enabled</Toggle >AnkiConnect Integration Enabled</Toggle