fix newsletter style

lucavallin · Oct 10, 2023 · 03af925 · 03af925
1 parent a3f5cfa
commit 03af925
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/components/NewsletterSection.tsx b/components/NewsletterSection.tsx
@@ -49,7 +49,7 @@ export const NewsletterSection = () => {
       </p>
 
       <Script src="https://substackapi.com/widget.js" strategy="lazyOnload" />
-      <div id="substack-embed" className="relative mt-4 flex rounded-md"></div>
+      <div id="substack-embed" className="relative mt-4 flex flex-col rounded-md"></div>
     </div>
   );
 };
diff --git a/styles/globals.css b/styles/globals.css
@@ -2,6 +2,12 @@
 @tailwind components;
 @tailwind utilities;
 
+.custom-substack-widget+.success, .custom-substack-widget+.error {
+  font-family: var(--font-inter), sans-serif !important;
+  color: #cb3364 !important;
+  font-size: 0.875rem;
+}
+
 ::-webkit-scrollbar {
   width: 10px;
 }