From d233662ca231b528f227e145abc7fdeda8423c72 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 25 Sep 2024 18:35:22 -0700
Subject: revert xss screen

---
 src/components/Account.svelte                      | 38 ++++++++++++----------
 src/components/Mnemonic.svelte                     |  2 +-
 src/routes/(app)/[username]/(profile)/+page.svelte |  2 +-
 3 files changed, 22 insertions(+), 20 deletions(-)

(limited to 'src')

diff --git a/src/components/Account.svelte b/src/components/Account.svelte
index 4f615c49..d283b393 100644
--- a/src/components/Account.svelte
+++ b/src/components/Account.svelte
@@ -16,21 +16,23 @@
 <a href={`/payments`} class="block space-y-2" on:click={setAccount}>
   <div class="flex">
     <Balance {balance} {user} {rate} />
-      <a href={`/payments`} class="contents" on:click={setAccount}>
-        <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4">
-          <Icon icon="clock" style="w-8 my-auto" />
-        </button>
-      </a>
-      <a href={`/account/${id}`} class="contents">
-        <button class="flex gap-1 mb-auto pb-4 pl-4">
-          <Icon icon="settings" style="w-8 my-auto" />
-        </button>
-      </a>
+    <a href={`/payments`} class="contents" on:click={setAccount}>
+      <button class="ml-auto flex gap-1 mb-auto pb-4 pl-4">
+        <Icon icon="clock" style="w-8 my-auto" />
+      </button>
+    </a>
+    <a href={`/account/${id}`} class="contents">
+      <button class="flex gap-1 mb-auto pb-4 pl-4">
+        <Icon icon="settings" style="w-8 my-auto" />
+      </button>
+    </a>
   </div>
 
   <div class="flex justify-center w-full text-lg gap-2">
     <a href={`/invoice`} class="contents" on:click={setAccount}>
-      <button class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary">
+      <button
+        class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary"
+      >
         <div class="mx-auto flex gap-2">
           <Icon icon="receive" style="w-8" />
           <div class="my-auto">{$t("user.dashboard.receive")}</div>
@@ -40,13 +42,13 @@
 
     <a href={`/send`} class="contents grow" on:click={setAccount}>
       <button
-                      type="button"
-                      class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary"
-                      >
-                      <div class="mx-auto flex gap-1">
-                        <Icon icon="send" style="w-8" />
-                        <div class="my-auto">{$t("user.dashboard.send")}</div>
-                      </div>
+        type="button"
+        class="py-3 px-4 hover:opacity-80 flex grow border rounded-2xl bg-primary"
+      >
+        <div class="mx-auto flex gap-1">
+          <Icon icon="send" style="w-8" />
+          <div class="my-auto">{$t("user.dashboard.send")}</div>
+        </div>
       </button>
     </a>
   </div>
diff --git a/src/components/Mnemonic.svelte b/src/components/Mnemonic.svelte
index ff5aea32..f68d6fe0 100644
--- a/src/components/Mnemonic.svelte
+++ b/src/components/Mnemonic.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <div
-  class="text-lg border p-4 rounded-2xl text-secondary grid xss:grid-flow-col xss:grid-rows-6 xss:grid-cols-2 grid-cols-3 gap-2 justify-items-center whitespace-nowrap w-full"
+  class="text-lg border p-4 rounded-2xl text-secondary grid grid-flow-col grid-rows-6 grid-cols-2 sm:grid-cols-3 sm:grid-flow-row gap-2 justify-items-center whitespace-nowrap w-full"
 >
   {#each mnemonic.split(" ") as w, i}
     <div class="flex gap-1">
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index e5f4fa49..1817fabb 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -26,7 +26,7 @@
   if (user) user.savings = 0;
 </script>
 
-<div class="space-y-2 mt-5">
+<div class="space-y-2 mt-5 w-full">
   {#if user?.id === subject.id}
     <div class="space-y-5">
       {#each accounts as account}
-- 
cgit v1.2.3