chore: make swap not found page look nicer

BoltzExchange · Jan 16, 2025 · a29d387 · a29d387
1 parent 3b3dc42
commit a29d387
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/pages/Pay.tsx b/src/pages/Pay.tsx
@@ -189,7 +189,7 @@ const Pay = () => {
                 </Show>
             </Show>
             <Show when={!swap()}>
-                <p>{t("pay_swap_404")}</p>
+                <h2 class="not-found">{t("pay_swap_404")}</h2>
             </Show>
             <SettingsMenu />
         </div>

diff --git a/src/style/index.scss b/src/style/index.scss
@@ -655,3 +655,9 @@ textarea {
 header {
     margin-bottom: 1rem;
 }
+
+.not-found {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    color: vars.$primary;
+}