feat(doc): improve style and content

thecodingmachine · Dec 1, 2023 · f03b0ff · f03b0ff
1 parent 5697a50
commit f03b0ff
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/...3-09-18-React-Native-Boilerplate-4.0.0.md → ...3-11-30-React-Native-Boilerplate-4.0.0.md b/...3-09-18-React-Native-Boilerplate-4.0.0.md → ...3-11-30-React-Native-Boilerplate-4.0.0.md
@@ -28,7 +28,7 @@ It was even harder to find an intermediate value between 'medium' and 'regular,'
 As a result, we decided to simplify and improve the theming process, making it more efficient and comprehensive.
 
 ### Configuration
-Everything now revolves around a configuration file named `config.theme.ts`. 
+Everything now revolves around a configuration file named `_config.ts`. 
 This file serves as a central configuration point where you can define the base theme values and declare theme variants. 
 We've moved away from the complex layering system in favor of a more reflective system with main themes and variants.
 
@@ -40,7 +40,7 @@ preventing the need to regenerate the theme with every `useTheme` call.
 We've also improved the type inference of the theme. Now each generated style is typed according to the theme configuration even if there are variants.
 For example, let's imagine a configuration like this:
 
-```ts title=/src/theme/theme.config.ts
+```ts title=/src/theme/_config.ts
 export const config = {
  //...
  fonts: {

diff --git a/documentation/docusaurus.config.js b/documentation/docusaurus.config.js
@@ -24,9 +24,9 @@ const config = {
  return {
  name: 'docusaurus-tailwindcss',
  configurePostCss(postcssOptions) {
- // eslint-disable-next-line global-require
+ // eslint-disable-next-line global-require,import/no-extraneous-dependencies
  postcssOptions.plugins.push(require('tailwindcss'));
- // eslint-disable-next-line global-require
+ // eslint-disable-next-line global-require,import/no-extraneous-dependencies
  postcssOptions.plugins.push(require('autoprefixer'));
  return postcssOptions;
  },

diff --git a/documentation/src/css/custom.css b/documentation/src/css/custom.css
@@ -236,3 +236,6 @@ table tr:nth-child(2n) {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
  no-repeat;
 }
+div:has(> .theme-doc-sidebar-container) {
+ @apply !min-h-screen;
+}
diff --git a/documentation/src/pages/index.tsx b/documentation/src/pages/index.tsx
@@ -85,7 +85,7 @@ export default function Home(): JSX.Element {
  <HomepageFeatures />
  </div>
 
- <svg className="bottom-0 w-full sm:-mt-20 fill-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
+ <svg className="-mb-[1px] bottom-0 w-full sm:-mt-20 fill-red-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
  <path fill="current" fillOpacity="1" d="M0,320L60,272C120,224,240,128,360,128C480,128,600,224,720,234.7C840,245,960,171,1080,122.7C1200,75,1320,53,1380,42.7L1440,32L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z" />
  </svg>
  <Quickstart />