lfk/frontend
2
0
Fork 0
Code Issues 3 Pull Requests Actions Projects Releases Wiki Activity

Styling

Browse Source 
ref #173
This commit is contained in:
Nicolai Ort 2023-04-17 17:51:46 +02:00
parent 4b6342727e
commit 4834d1484c
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/scanstations/CopyScanStationTokenModal.svelte
View File

@ -157,35 +157,32 @@
</div> </div>
<div class="mx-auto text-center items-center"> <div class="mx-auto text-center items-center">
<h2 class="text-lg leading-6 font-medium text-gray-900"> <h2 class="text-lg leading-6 font-medium text-gray-900">
Config Codes {$_("config-codes")}
</h2> </h2>
<span class="flex items-center text-center"> <span class="flex items-center text-center">
<label <p class="text-md text-gray-900 mr-3">Format:</p>
for="codeswitch" <label for="codeswitch" class="text-md text-gray-900 mr-3"
class="text-sm text-gray-500 mr-3 dark:text-gray-400"
>Code128</label >Code128</label
> >
<input <input
id="codeswitch" id="codeswitch"
type="checkbox" type="checkbox"
bind:checked={is_qrcode} bind:checked={is_qrcode}
class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-blue-600 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 border border-transparent ring-1 ring-transparent focus:border-blue-600 focus:ring-blue-600 ring-offset-white focus:outline-none appearance-none dark:bg-gray-700 dark:checked:bg-blue-600 dark:focus:ring-offset-gray-800 class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-blue-600 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 border border-transparent ring-1 ring-transparent focus:border-blue-600 focus:ring-blue-600 ring-offset-white focus:outline-none appearance-none before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-blue-200 before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-gray-400 dark:checked:before:bg-blue-200"
before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-blue-200 before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-gray-400 dark:checked:before:bg-blue-200"
/> />
<label <label for="codeswitch" class="text-md text-gray-900 ml-3"
for="codeswitch"
class="text-sm text-gray-500 ml-3 dark:text-gray-400"
>QR-Code</label >QR-Code</label
> >
</span> </span>
<h3 class="leading-6 font-medium text-gray-900">API-Endpoint</h3> <h3 class="leading-6 font-medium text-gray-900">
{$_("api-endpoint")}
</h3>
<img <img
class="w-full md:w-auto mb-2 mx-auto" class="w-full md:w-auto mb-2 mx-auto"
alt="Registrierungscode" alt="Registrierungscode"
src={textToBase64Barcode(config.baseurl, is_qrcode)} src={textToBase64Barcode(config.baseurl, is_qrcode)}
/> />
<h3 class="leading-6 font-medium text-gray-900">Key</h3> <h3 class="leading-6 font-medium text-gray-900">{$_("token")}</h3>
<img <img
class="w-full md:w-auto mb-2 mx-auto" class="w-full md:w-auto mb-2 mx-auto"
alt="Registrierungscode" alt="Registrierungscode"