fix: wallet create pazzle list layout

pull/37/head
Laurin Weger 5 months ago
parent 01816d000b
commit 2cb65a4d16
No known key found for this signature in database
GPG Key ID: 9B372BB0B792770F
  1. 30
      ng-app/src/routes/WalletCreate.svelte
  2. 4000
      pnpm-lock.yaml

@ -1631,24 +1631,26 @@
> >
{#each pazzle_emojis as emoji, index} {#each pazzle_emojis as emoji, index}
<div <div
class="flex w-full p-1 tall-sm:p-2 content-center" class="flex w-full py-2"
class:border-b={index !== pazzle_emojis.length - 1} class:border-b={index !== pazzle_emojis.length - 1}
class:justify-center={!small_screen} class:justify-center={!small_screen}
> >
<div class="mr-4 content-center pt-1 my-auto"> <div class="flex w-[40%] justify-end">
{index + 1} <div class="mr-4 content-center pt-1 my-auto">
</div> {index + 1}
<div </div>
class="flex justify-center w-[3em] h-[3em]" <div
title={$t("emojis.codes." + emoji.code)} class="flex justify-center w-[3em] h-[3em]"
> title={$t("emojis.codes." + emoji.code)}
<svelte:component >
this={emoji.svg?.default} <svelte:component
class="w-[3em] h-[3em] " this={emoji.svg?.default}
/> class="w-[3em] h-[3em] "
/>
</div>
</div> </div>
<div class="flex flex-col ml-4"> <div class="flex flex-col ml-4 w-[60%]">
<div class="w-[10em] text-left"> <div class="text-left">
<span>{$t("emojis.category." + emoji.cat)}</span> <span>{$t("emojis.category." + emoji.cat)}</span>
</div> </div>
<div class="font-bold text-lg h-full content-center"> <div class="font-bold text-lg h-full content-center">

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save