From 8668605d6244a2a5984acccbc7f48c9248823dcb Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Sat, 17 Sep 2022 09:08:27 -0600
Subject: add close button to desktop, remove min value, make apply button full
 w

---
 src/routes/invoice/[id]/+page.svelte | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/routes/invoice/[id]/+page.svelte b/src/routes/invoice/[id]/+page.svelte
index b4550814..d5c0282f 100644
--- a/src/routes/invoice/[id]/+page.svelte
+++ b/src/routes/invoice/[id]/+page.svelte
@@ -179,6 +179,10 @@
 						<button class="block md:hidden bg-primary rounded-full p-2" on:click={handleMobileClose}
 							><Icon icon="close" /></button
 						>
+						<button
+							class="hidden {showCustomAmount ? 'md:block' : ''}"
+							on:click={() => (showCustomAmount = false)}><Icon icon="close" /></button
+						>
 					</div>
 					<h1 class="hidden md:block text-4xl font-semibold">{$t('invoice.addTipq')}</h1>
 					{#if !showCustomAmount}
@@ -224,13 +228,12 @@
 								<input
 									bind:this={customInput}
 									type="number"
-									min="0"
 									on:input={(e) => handleCustomTipAmount(e)}
 									class="pl-10"
 									placeholder="Other"
 								/>
 								<button
-									class="w-full md:w-auto mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {showMobileTip
+									class="w-full mt-2 bg-black text-white font-semibold py-3 px-7 rounded-2xl {showMobileTip
 										? !customTipAmount && !tipAmount
 											? 'opacity-50'
 											: 'opacity-100'
-- 
cgit v1.2.3