diff options
| author | secondl1ght <[email protected]> | 2022-09-17 11:13:10 -0600 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-09-24 09:05:08 -0700 |
| commit | 9e749509227cf19dd49cb84ce3239d5dd1d9579a (patch) | |
| tree | 40b4419a2f81ca7a00b0169d88164c9293c8190b /src/routes/invoice | |
| parent | d12525469342ccb65473d6fdb4d617f347835075 (diff) | |
| download | coinos-ui-9e749509227cf19dd49cb84ce3239d5dd1d9579a.tar.gz coinos-ui-9e749509227cf19dd49cb84ce3239d5dd1d9579a.zip | |
add hover states to links and buttons
Diffstat (limited to 'src/routes/invoice')
| -rw-r--r-- | src/routes/invoice/[id]/+page.svelte | 21 |
1 files changed, 10 insertions, 11 deletions
diff --git a/src/routes/invoice/[id]/+page.svelte b/src/routes/invoice/[id]/+page.svelte index d5c0282f..67cd8efa 100644 --- a/src/routes/invoice/[id]/+page.svelte +++ b/src/routes/invoice/[id]/+page.svelte @@ -157,7 +157,7 @@ {#if $invoices[id]?.status !== 'paid'} <div class:full-shadow={showMobileTip}> <button - class="ml-5 md:ml-20 mt-5 md:mt-10" + class="ml-5 md:ml-20 mt-5 md:mt-10 hover:opacity-80" class:invisible={!$user} disabled={showMobileTip} on:click={handleBackButton} @@ -233,14 +233,10 @@ placeholder="Other" /> <button - class="w-full mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {showMobileTip - ? !customTipAmount && !tipAmount - ? 'opacity-50' - : 'opacity-100' - : !customTipAmount + class="w-full mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {!customTipAmount ? 'opacity-50' - : 'opacity-100'}" - disabled={showMobileTip ? !customTipAmount && !tipAmount : !customTipAmount} + : 'opacity-100 hover:opacity-80'}" + disabled={!customTipAmount} on:click={apply}>Apply</button > <!-- found missing translation ---> @@ -300,11 +296,11 @@ <div> <button - class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary" + class="border border-lightgrey rounded-md p-2 mx-2 hover:opacity-80" on:click={toggleFullscreen}><Icon icon="expand" /></button > <button - class="border border-lightgrey rounded-md p-2 mx-2 hover:bg-primary" + class="border border-lightgrey rounded-md p-2 mx-2 hover:opacity-80" on:click={() => copy(text)}><Icon icon="copy" /></button > </div> @@ -360,7 +356,10 @@ {totalAmountFormatted} </h2> <h3 class="text-secondary md:text-lg mb-6 mt-1">({totalAmountSats} SAT)</h3> - <button class="bg-black text-white rounded-2xl w-20 py-3 font-bold" on:click={handleDoneClick}> + <button + class="bg-black text-white rounded-2xl w-20 py-3 font-bold hover:opacity-80" + on:click={handleDoneClick} + > {$t('invoice.done')} </button> </div> |