remove border.

Author: cpcramer

src/styles/theme.ts

@@ -7,14 +7,14 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export const text = {
-  body: 'ock-font-family font-normal text-base leading-normal',
-  caption: 'ock-font-family font-semibold text-xs leading-4',
-  headline: 'ock-font-family font-semibold leading-normal',
-  label1: 'ock-font-family font-semibold text-sm leading-5',
-  label2: 'ock-font-family text-sm leading-5',
-  legal: 'ock-font-family text-xs leading-4',
-  title1: 'ock-font-family font-semibold text-2xl leading-9',
-  title3: 'ock-font-family font-semibold text-xl leading-7',
+  body: 'ock-font-family font-normal text-base',
+  caption: 'ock-font-family font-semibold text-xs',
+  headline: 'ock-font-family font-semibold',
+  label1: 'ock-font-family font-semibold text-sm',
+  label2: 'ock-font-family text-sm',
+  legal: 'ock-font-family text-xs',
+  title1: 'ock-font-family font-semibold text-2xl',
+  title3: 'ock-font-family font-semibold text-xl',
 } as const;
 
 export const pressable = {

src/wallet/components/WalletModal.tsx

@@ -217,7 +217,6 @@ export function WalletModal({
             onClick={handleCoinbaseWalletConnection}
             className={cn(
               border.radiusInner,
-              border.lineDefault,
               text.body,
               pressable.alternate,
               color.foreground,
@@ -253,9 +252,7 @@ export function WalletModal({
             type="button"
             onClick={handleCoinbaseWalletConnection}
             className={cn(
-              border.default,
               border.radiusInner,
-              border.lineDefault,
               text.body,
               pressable.alternate,
               color.foreground,
@@ -272,7 +269,6 @@ export function WalletModal({
             onClick={handleWalletConnectConnector}
             className={cn(
               border.radiusInner,
-              border.lineDefault,
               text.body,
               pressable.alternate,
               color.foreground,
@@ -290,7 +286,7 @@ export function WalletModal({
             color.foregroundMuted,
             text.legal,
             'flex flex-col items-center justify-center gap-1 px-4',
-            'mt-4 w-[275px] text-center leading-3',
+            'mt-4 w-[275px] text-center',
           )}
         >
           <span className="font-normal text-[10px] leading-[13px]">