UX: move padding to upper bar to avoid ugly shadow cutoff, add star to duplicate entry of favourite language

This commit is contained in:
Pieter Vander Vennet 2025-07-25 16:19:58 +02:00
parent 115de9697c
commit 2517a6dbe6
2 changed files with 5 additions and 2 deletions

View file

@ -162,7 +162,7 @@
<div class="flex w-screen flex-col p-2 sm:p-4"> <div class="flex w-screen flex-col p-2 sm:p-4">
<InsetSpacer height={AndroidPolyfill.getInsetSizes().top}/> <InsetSpacer height={AndroidPolyfill.getInsetSizes().top}/>
<!-- Top menu bar --> <!-- Top menu bar -->
<div class="flex w-full justify-between overflow-hidden"> <div class="flex w-full justify-between overflow-hidden pb-4">
<button on:click={() => guistate.pageStates.menu.set(true)} class="m-0 rounded-full p-2"> <button on:click={() => guistate.pageStates.menu.set(true)} class="m-0 rounded-full p-2">
<MenuIcon class="h-6 w-6 cursor-pointer" /> <MenuIcon class="h-6 w-6 cursor-pointer" />
</button> </button>
@ -176,7 +176,7 @@
</div> </div>
<!-- Introduction pane --> <!-- Introduction pane -->
<div class="mt-4 flex overflow-hidden break-words"> <div class="flex overflow-hidden break-words">
<div class="m-3 hidden flex-none md:block"> <div class="m-3 hidden flex-none md:block">
<Logo alt="MapComplete Logo" class="h-12 w-12 sm:h-24 sm:w-24" /> <Logo alt="MapComplete Logo" class="h-12 w-12 sm:h-24 sm:w-24" />
</div> </div>

View file

@ -78,6 +78,9 @@
({language}) ({language})
{/if} {/if}
{/if} {/if}
{#if $preferredLanguages.indexOf(language) >= 0}
{/if}
</option> </option>
{/each} {/each}
</Dropdown> </Dropdown>