@umijs/plugin-docs 4.0.0-rc.11 → 4.0.0-rc.12

package/client/theme-doc/Layout.tsx

@@ -60,6 +60,7 @@ export default (props: any) => {
 
         {isHomePage ? (
           <div id="article-body">
+            {/* @ts-ignore */}
             <Helmet>
               <title>
                 {title}

package/client/theme-doc/Toc.tsx

@@ -32,6 +32,7 @@ export default () => {
       className="w-full lg:m-12 mb-12 border
       border-gray-100 p-8 rounded-xl z-20"
     >
+      {/* @ts-ignore */}
       <Helmet>
         <title>
           {route.titles[0].title} | {themeConfig.title}

package/client/theme-doc/tailwind.css

@@ -90,6 +90,26 @@ article a {
   );
 }
 
+article table {
+  @apply table-auto w-full shadow rounded-xl text-left overflow-hidden dark:shadow-gray-800 my-8
+}
+
+article table thead {
+  @apply bg-blue-100 dark:bg-gray-800
+}
+
+article table thead th {
+  @apply py-3 px-4 text-gray-700 dark:text-white
+}
+
+article table tbody tr {
+  @apply border-b border-b-zinc-100 dark:border-b-gray-600
+}
+
+article table tbody td {
+  @apply py-2 px-4 text-gray-700 dark:text-white
+}
+
 .link-with-underline {
   @apply text-blue-600 mx-1 hover:text-blue-300 transition dark:text-blue-400;
   background-image: linear-gradient(

package/client/theme-doc/tailwind.out.css

@@ -1683,6 +1683,73 @@ article a {
   );
 }
 
+article table {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+  width: 100%;
+  table-layout: auto;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  text-align: left;
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.dark article table {
+  --tw-shadow-color: #1f2937;
+  --tw-shadow: var(--tw-shadow-colored);
+}
+
+article table thead {
+  --tw-bg-opacity: 1;
+  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
+}
+
+.dark article table thead {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+
+article table thead th {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
+}
+
+.dark article table thead th {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+article table tbody tr {
+  border-bottom-width: 1px;
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(244 244 245 / var(--tw-border-opacity));
+}
+
+.dark article table tbody tr {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity));
+}
+
+article table tbody td {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
+}
+
+.dark article table tbody td {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .link-with-underline {
   margin-left: 0.25rem;
   margin-right: 0.25rem;