From fa97c335aa67737b05399580bfd02fbba46a7237 Mon Sep 17 00:00:00 2001
From: Luc <luc@lucemans.nl>
Date: Wed, 22 Nov 2023 12:47:30 +0000
Subject: [PATCH] Bump GlobalStyle

---
 web/src/Home.tsx                       | 2 +-
 web/src/Layout.tsx                     | 1 -
 web/src/Profile.tsx                    | 2 +-
 web/src/global.css                     | 6 +++++-
 web/src/migration/GoGassless.tsx       | 2 +-
 web/src/migration/SetResolverModal.tsx | 6 +++---
 6 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/web/src/Home.tsx b/web/src/Home.tsx
index 4638f2d..9ef966d 100644
--- a/web/src/Home.tsx
+++ b/web/src/Home.tsx
@@ -28,7 +28,7 @@ export const Home = () => {
                 <a
                     href={'/' + name}
                     className={clsx(
-                        'block text-center btn btn-full',
+                        'block text-center btn btn-pad btn-full',
                         name.length > 0 ? 'btn-primary' : 'btn-disabled'
                     )}
                     aria-disabled={name.length === 0}
diff --git a/web/src/Layout.tsx b/web/src/Layout.tsx
index 30629ba..cf596e4 100644
--- a/web/src/Layout.tsx
+++ b/web/src/Layout.tsx
@@ -15,7 +15,6 @@ export const Layout: FC<PropsWithChildren<{}>> = ({ children }) => {
                     onClose={() => {
                         setHeaderExpanded(false);
                     }}
-                    name={location?.href?.replace('/', '')}
                 />
             )}
             <div className="w-full mx-auto max-w-xl px-4 pt-8 pb-16 flex flex-col gap-4">
diff --git a/web/src/Profile.tsx b/web/src/Profile.tsx
index 9598829..e0e2ca2 100644
--- a/web/src/Profile.tsx
+++ b/web/src/Profile.tsx
@@ -238,7 +238,7 @@ export const Profile: FC<{ name: string }> = ({ name }) => {
                 {editable && (
                     <FloatingButton>
                         <button
-                            className="btn btn-primary btn-full"
+                            className="btn btn-primary btn-pad btn-full"
                             onClick={() => mutateProfile()}
                         >
                             Update profile
diff --git a/web/src/global.css b/web/src/global.css
index 31aa945..9291904 100644
--- a/web/src/global.css
+++ b/web/src/global.css
@@ -4,7 +4,11 @@
 @tailwind variants;
 
 .btn {
-    @apply rounded-xl p-2;
+    @apply rounded-xl;
+}
+
+.btn-pad {
+    @apply py-3 px-4;
 }
 
 .btn.btn-primary {
diff --git a/web/src/migration/GoGassless.tsx b/web/src/migration/GoGassless.tsx
index 3157c2b..26afebd 100644
--- a/web/src/migration/GoGassless.tsx
+++ b/web/src/migration/GoGassless.tsx
@@ -8,7 +8,7 @@ export const GoGassless: FC<{ name: string }> = ({ name }) => {
     return (
         <>
             <button
-                className="z-10 w-full max-w-2xs md:max-w-full mx-auto btn btn-primary"
+                className="z-10 max-w-2xs md:max-w-full mx-auto btn btn-pad btn-primary btn-full"
                 onClick={() => {
                     console.log('Go Gassless');
                     setIsOpen(true);
diff --git a/web/src/migration/SetResolverModal.tsx b/web/src/migration/SetResolverModal.tsx
index 81e3bef..22cdc02 100644
--- a/web/src/migration/SetResolverModal.tsx
+++ b/web/src/migration/SetResolverModal.tsx
@@ -67,7 +67,7 @@ export const SetResolverModal: FC<{
                     <div className="gap-2 flex flex-col">
                         <button
                             onClick={onClosez}
-                            className="w-full p-4 rounded-xl bg-ens-light-blue-surface text-ens-light-blue-dim dark:bg-ens-dark-blue-surface dark:text-ens-dark-blue-dim"
+                            className="btn btn-secondary btn-pad btn-full"
                         >
                             Back
                         </button>
@@ -75,7 +75,7 @@ export const SetResolverModal: FC<{
                             onClick={() => {
                                 write();
                             }}
-                            className="relative flex items-center justify-center w-full p-4 rounded-xl bg-ens-light-blue-primary dark:bg-ens-dark-blue-primary text-ens-light-text-accent dark:text-ens-dark-text-accent"
+                            className="relative flex items-center justify-center btn btn-primary btn-pad btn-full"
                         >
                             Update Resolver
                             {isLoading && (
@@ -90,7 +90,7 @@ export const SetResolverModal: FC<{
                                     onClick={() => {
                                         setTestReceiptOpen(true);
                                     }}
-                                    className="relative flex items-center justify-center w-full p-4 rounded-xl bg-ens-light-blue-primary dark:bg-ens-dark-blue-primary text-ens-light-text-accent dark:text-ens-dark-text-accent"
+                                    className="relative flex items-center justify-center btn btn-primary btn-pad btn-full"
                                 >
                                     Test Transaction Receipt
                                 </button>