docs: update tailwind guide and navigation (#63205)

PR Close #63205
This commit is contained in:
tjshiu 2025-08-18 11:39:29 -07:00 committed by Jessica Janiuk
parent b0e2cdd470
commit cf0ae2ec45
3 changed files with 3 additions and 6 deletions

View file

@ -244,10 +244,6 @@ const REDIRECT_ROUTES: Route[] = [
path: 'guide/animations/route-animations',
redirectTo: '/guide/routing/route-transition-animations',
},
{
path: 'guide/tailwind',
redirectTo: 'guide/tailwind',
},
];
export const routes: Route[] = [

View file

@ -1014,6 +1014,7 @@ const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
label: 'Tailwind',
path: 'guide/tailwind',
contentPath: 'guide/tailwind',
status: 'new',
},
{
label: 'Angular Fire',

View file

@ -18,7 +18,7 @@ cd my-project
Next, open a terminal in your Angular project's root directory and run the following command to install Tailwind CSS and its peer dependencies:
<docs-code language="shell">
npm install tailwindcss @tailwindcss/postcss postcss --force
npm install tailwindcss @tailwindcss/postcss postcss
</docs-code>
### 3. Configure PostCSS Plugins
@ -26,7 +26,7 @@ npm install tailwindcss @tailwindcss/postcss postcss --force
Next, add a `.postcssrc.json` file in the file root of the project.
Add the `@tailwindcss/postcss` plugin into your PostCSS configuration.
<docs-code language="javascript" header=".postcssrc.json">
<docs-code language="json" header=".postcssrc.json">
{
"plugins": {
"@tailwindcss/postcss": {}