fix(components): rectify broken theme for antd v5 (#1035)

sabertazimi · Feb 12, 2023 · 0ad7e6d · 0ad7e6d · vercel · Feb 12, 2023
1 parent 00e7629
commit 0ad7e6d
Show file tree

Hide file tree

Showing 3 changed files with 162 additions and 147 deletions.
diff --git a/components/Article/Article.css b/components/Article/Article.css
@@ -9,16 +9,18 @@ section {
   @apply dark:text-light;
 }
 
-/* Change ant design default font size */
+/* Reset ant design font family and font size */
 [class^='ant-typography'],
-[class*=' ant-typography'] {
+[class*=' ant-typography'],
+.ant-anchor-link-title.ant-anchor-link-title,
+.ant-anchor-link-title-active.ant-anchor-link-title-active {
   font-family: var(--font-stack);
-  font-size: var(--font-size);
+  font-size: inherit;
 }
 
 /* Add dark mode support for table of contents links */
-.ant-anchor-link-title {
-  @apply dark:text-light dark:hover:text-secondary dark:focus:text-secondary;
+.ant-anchor-link-title.ant-anchor-link-title {
+  @apply hover:text-secondary dark:text-light dark:hover:text-secondary dark:focus:text-secondary;
 }
 
 .ant-anchor-link-title-active {

diff --git a/components/CodeBlocks/BlockCode.module.css b/components/CodeBlocks/BlockCode.module.css
@@ -1,5 +1,5 @@
 .code {
-  @apply mb-0 px-0 py-5;
+  @apply mb-0 overflow-x-auto px-0 py-5;
 }
 
 .code div {