style: adjust quote styling

AmazeeLabs · Apr 16, 2024 · 94cb627 · 94cb627
1 parent aaaa758
commit 94cb627
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx b/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx
@@ -49,6 +49,25 @@ export function BlockMarkup(props: BlockMarkupFragment) {
               </li>
             );
           },
+          blockquote: ({ children }: PropsWithChildren<{}>) => {
+            return (
+              <blockquote className="border-l-0 relative pl-0">
+                <svg
+                  width="32"
+                  height="24"
+                  viewBox="0 0 32 24"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 0L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM0 24V14.1453C0 6.54 4.99733 1.384 12 0L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H0Z"
+                    fill="#9CA3AF"
+                  />
+                </svg>
+                {children}
+              </blockquote>
+            );
+          },
         }}
         markup={props.markup}
       />

diff --git a/packages/ui/src/tailwind.css b/packages/ui/src/tailwind.css
@@ -1,3 +1,9 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+/* Prose overrides  */
+.lg\:prose-xl
+  :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
+  padding-left: 0 !important;
+}