forked from MapComplete/MapComplete
Apply twJoin
, twMerge
Looking at https://github.com/dcastil/tailwind-merge/blob/v1.13.1/docs/when-and-how-to-use-it.md#how-to-use-it I placed the "winning" class at the end for twMerge
This commit is contained in:
parent
9c96f6534f
commit
b55d976492
16 changed files with 52 additions and 43 deletions
|
@ -10,6 +10,7 @@
|
|||
import If from "../Base/If.svelte"
|
||||
import { UIEventSource } from "../../Logic/UIEventSource"
|
||||
import { SearchIcon } from "@rgossiaux/svelte-heroicons/solid"
|
||||
import { twJoin } from "tailwind-merge"
|
||||
|
||||
/**
|
||||
* The theme introduction panel
|
||||
|
@ -78,9 +79,8 @@ loginStatus.SetClass("block mt-6 pt-2 md:border-t-2 border-dotted border-gray-40
|
|||
/>
|
||||
</div>
|
||||
<button
|
||||
class={"flex items-center justify-between gap-x-2 " + (searchEnabled ? "" : "disabled")}
|
||||
on:click={() => triggerSearch.ping()}
|
||||
>
|
||||
class={twJoin("flex items-center justify-between gap-x-2", !searchEnabled && "disabled")}
|
||||
on:click={() => triggerSearch.ping()}>
|
||||
<Tr t={Translations.t.general.search.searchShort} />
|
||||
<SearchIcon class="h-6 w-6" />
|
||||
</button>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue