fix size of login component on mobile devices

Niko PLP 1 year ago
parent 69d0af24d2
commit 5fb059d168
  1. 2
      ng-app/README.md
  2. 15
      ng-app/src/lib/Login.svelte
  3. 1
      ng-app/src/routes/WalletCreate.svelte

@ -69,7 +69,7 @@ cargo tauri dev --target x86_64-pc-windows-msvc
to build the production app installer :
### MacOs
### MacOs (10.14+)
```
cargo tauri build

@ -16,6 +16,9 @@
import { emoji_cat, emojis, load_svg } from "../wallet_emojis";
export let wallet;
let tauri_platform = import.meta.env.TAURI_PLATFORM;
let mobile = tauri_platform == "android" || tauri_platform == "ios";
const dispatch = createEventDispatcher();
onMount(async () => {
@ -191,7 +194,11 @@
</svg>
</div>
{:else if step == "pazzle"}
<div class="h-screen aspect-[3/5] pazzleline max-w-[600px] min-w-[350px]">
<div
class="h-screen aspect-[3/5] pazzleline min-w-[350px]"
class:max-w-[360px]={mobile}
class:max-w-[600px]={!mobile}
>
{#each [0, 1, 2, 3, 4] as row}
<div class="columns-3 gap-0">
{#each emojis2[display]?.slice(0 + row * 3, 3 + row * 3) || [] as emoji, i}
@ -210,7 +217,11 @@
</div>
{:else if step == "order"}
<!-- console.log(cat_idx, emoji_cat[cat_idx], idx, cat[idx].code); -->
<div class="h-screen aspect-[3/3] pazzleline max-w-[600px] min-w-[350px]">
<div
class="h-screen aspect-[3/3] pazzleline min-w-[350px]"
class:max-w-[360px]={mobile}
class:max-w-[600px]={!mobile}
>
{#each [0, 1, 2] as row}
<div class="columns-3 gap-0">
{#each selection.slice(0 + row * 3, 3 + row * 3) || [] as emoji, i}

@ -34,7 +34,6 @@
const param = new URLSearchParams($querystring);
let tauri_platform = import.meta.env.TAURI_PLATFORM;
let mobile = tauri_platform == "android" || tauri_platform == "ios";
const onFileSelected = (image) => {

Loading…
Cancel
Save