style tweaks

Author: kremalicious

src/features/web3/components/CopyAddress.astro

@@ -17,9 +17,10 @@ const { address }: Props = Astro.props
 
   .code code {
     display: block;
-    padding: var(--space-s);
+    padding: var(--space-xs) var(--space-s);
     padding-right: 2rem;
     font-size: var(--fs--2);
+    line-height: var(--fs-0);
   }
 </style>
 

src/features/web3/components/Input/InputGroup.tsx

@@ -48,6 +48,7 @@ export function InputGroup({
           onFocus={() => setIsFocus(true)}
           onBlur={() => setIsFocus(false)}
           className={styles.inputInput}
+          disabled={isDisabled}
         />
         <button
           type="button"

src/pages/thanks.astro

@@ -80,18 +80,19 @@ import Wallet from '@/images/wallet.svg'
   }
 
   .subTitle {
-    font-size: var(--fs-3);
+    font-size: var(--fs-1);
     border-bottom: 1px solid var(--border-color);
     margin: 0;
-    padding: var(--space-s) 0;
+    padding: var(--space-2xs) 0;
   }
 
   .box .subTitle {
-    padding: var(--space-s);
+    padding: var(--space-2xs) var(--space-s);
   }
 
   .titleCoin {
-    font-size: var(--fs-1);
+    font-size: var(--fs-0);
+    line-height: var(--fs-1);
     margin-top: 0;
     margin-bottom: var(--space-2xs);
     display: flex;
@@ -108,17 +109,18 @@ import Wallet from '@/images/wallet.svg'
   }
 
   .section {
-    padding: var(--space-s) 0;
+    padding: var(--space-xs) 0;
   }
 
   .box .section {
     padding: var(--space-s);
   }
 
-  .section.highlight {
+  .box .section.highlight {
     background-color: var(--box-background-color);
     border-top: 1px solid var(--border-color);
     border-bottom: 1px solid var(--border-color);
+    padding-bottom: 0;
   }
 
   .metaText {

src/styles/_markdown.css

@@ -15,6 +15,28 @@
     border-radius: var(--border-radius);
   }
 
+  blockquote,
+  blockquote > p {
+    font-style: italic;
+    color: var(--text-color);
+  }
+
+  blockquote {
+    margin: var(--space-l) 0;
+    position: relative;
+    padding-left: var(--space-2xl);
+  }
+
+  /* quotation mark */
+  blockquote::before {
+    content: '“';
+    font-size: 300%;
+    color: var(--text-color-light);
+    position: absolute;
+    left: var(--space-l);
+    top: 0;
+  }
+
   hr {
     position: relative;
     border-bottom: var(--border-width) dashed var(--border-color);

src/styles/global.css

@@ -282,27 +282,8 @@ cite {
   text-transform: uppercase;
 }
 
-blockquote,
-blockquote > p {
-  font-style: italic;
-  color: var(--text-color);
-}
-
-blockquote {
-  margin: 0 0 var(--space-m);
-  position: relative;
-  padding-left: var(--space-l);
-}
-
-/* quotation marks */
-blockquote::before {
-  content: '“';
-  font-size: 300%;
-  color: var(--text-color-light);
-  position: absolute;
-  left: 0;
-  top: 0;
-}
+/* Tables
+///////////////////////////////////// */
 
 table {
   border-spacing: 0;