fixes

4 files changed, 20 insertions, 25 deletions

diff --git a/src/routes/(app)/[username]/invoice/[id]/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
index 3be9cec9..1457025d 100644
--- a/src/routes/(app)/[username]/invoice/[id]/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/+page.svelte
@@ -169,8 +169,8 @@
 
   <div class="flex justify-center gap-2">
     <button
-      class="hover:bg-gray-200 my-auto flex gap-1 p-2"
-      class:bg-gray-200={type === types.bitcoin}
+      class="hover:bg-neutral-700 my-auto flex gap-1 p-2"
+      class:bg-neutral-700={type === types.bitcoin}
       on:click={() => setType(types.bitcoin)}
     >
       <img src="/images/bitcoin.svg" class="w-8" alt="Bitcoin" />
@@ -178,8 +178,8 @@
     </button>
 
     <button
-      class="hover:bg-gray-200 my-auto flex gap-1 p-2"
-      class:bg-gray-200={type === types.liquid}
+      class="hover:bg-neutral-700 my-auto flex gap-1 p-2"
+      class:bg-neutral-700={type === types.liquid}
       on:click={() => setType(types.liquid)}
     >
       <img src="/images/liquid.svg" class="w-8" alt="Liquid" />
@@ -187,11 +187,11 @@
     </button>
 
     <button
-      class="hover:bg-gray-200 flex gap-1 p-2"
-      class:bg-gray-200={type === types.lightning}
+      class="hover:bg-neutral-700 flex gap-1 p-2"
+      class:bg-neutral-700={type === types.lightning}
       on:click={() => setType(types.lightning)}
     >
-      <div class="bg-white rounded-full w-8 h-8 text-center flex">
+      <div class="bg-black rounded-full w-8 h-8 text-center flex">
         <div class="m-auto">⚡️</div>
       </div>
       <div class="my-auto text-lg">Lightning</div>
@@ -209,10 +209,10 @@
 
   <button
     type="button"
-    class="flex gap-2 text-center break-all rounded-full text-white bg-black hover:opacity-80 p-4 w-full md:w-80 mx-auto text-xl justify-center"
+    class="flex gap-2 text-center break-all rounded-full text-white bg-black border hover:opacity-80 p-4 w-full md:w-80 mx-auto text-xl justify-center"
     on:click={() => copy(txt)}
   >
-    <Icon icon="copy" style="w-8 invert my-auto" />
+    <Icon icon="copy" style="w-8 my-auto" />
     <div class="my-auto font-semibold">
       {txt.substr(0, 6)} ... {txt.substr(-10)}
     </div>
@@ -223,7 +223,7 @@
       <button
         class="w-full md:w-auto flex justify-center rounded-full border py-3 px-5 hover:opacity-80 font-semibold"
       >
-        <Icon icon="mobile" style="mr-1 w-6" />
+        <Icon icon="mobile" style="mr-1 w-6 invert" />
         <div class="text-secondary">{$t("payments.openLink")}</div>
       </button>
     </a>
@@ -232,7 +232,7 @@
       class="w-full md:w-auto flex justify-center rounded-full border py-3 px-5 hover:opacity-80 font-semibold"
       on:click={() => (showQr = !showQr)}
     >
-      <Icon icon="qr" style="mr-1 invert" />
+      <Icon icon="qr" style="mr-1" />
       <div class="text-secondary">
         {showQr ? $t("payments.hide") : $t("payments.show")}
         {$t("payments.qr")}
diff --git a/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte b/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte
index 02a896b2..f253936b 100644
--- a/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte
+++ b/src/routes/(app)/[username]/invoice/[id]/tip/+page.svelte
@@ -199,6 +199,6 @@
   }
 
   .container button[type="button"] {
-    @apply w-full mt-2 bg-primary text-black hover:bg-black hover:text-white font-semibold py-5 px-7 rounded-2xl;
+    @apply w-full mt-2 bg-black text-white border hover:bg-white hover:text-black font-semibold py-5 px-7 rounded-2xl;
   }
 </style>
diff --git a/src/routes/map/+page.svelte b/src/routes/map/+page.svelte
index 53cd8bdc..c307826e 100644
--- a/src/routes/map/+page.svelte
+++ b/src/routes/map/+page.svelte
@@ -6,14 +6,7 @@
   let { locations } = data;
 </script>
 
-<div class="pt-4">
-  <div class="w-[243px] mx-auto mb-4">
-    <a href="/">
-      <Icon icon="logo" />
-    </a>
-  </div>
-
-  <div class="flex justify-center items-center">
-    <LocationsMap {locations} />
-  </div>
+<div class="h-screen w-screen">
+<LocationsMap {locations} />
 </div>
+
diff --git a/static/icons/mobile.svg b/static/icons/mobile.svg
index e23e8233..71c82e4c 100644
--- a/static/icons/mobile.svg
+++ b/static/icons/mobile.svg
@@ -1,3 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 18H12.01M8 21H16C17.1046 21 18 20.1046 18 19V5C18 3.89543 17.1046 3 16 3H8C6.89543 3 6 3.89543 6 5V19C6 20.1046 6.89543 21 8 21Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 18C11.4477 18 11 18.4477 11 19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19C13 18.4477 12.5523 18 12 18Z" fill="#0F0F0F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 4C19 2.34315 17.6569 1 16 1H8C6.34315 1 5 2.34315 5 4V20C5 21.6569 6.34315 23 8 23H16C17.6569 23 19 21.6569 19 20V4ZM17 4C17 3.44772 16.5523 3 16 3H8C7.44772 3 7 3.44772 7 4V15H17V4ZM7 20V17H17V20C17 20.5523 16.5523 21 16 21H8C7.44772 21 7 20.5523 7 20Z" fill="#0F0F0F"/>
+</svg>
\ No newline at end of file