Minor web style updates

Author: fgatti675

website/.yarn/install-state.gz

@@ -1,23 +1,25 @@
-
-
 module.exports = function (context, options) {
+    console.log("postcss-tailwindcss-loader");
     return {
-        name: 'postcss-tailwindcss-loader',
+        name: "postcss-tailwindcss-loader",
         configurePostCss(postcssOptions) {
             const newOptions = {
-                ident: 'postcss',
+                ident: "postcss",
                 plugins: [
-                    require('postcss-import'),
-                    require('tailwindcss'),
+                    require("postcss-import"),
+                    require("tailwindcss"),
                     require("postcss-preset-env")({
                         autoprefixer: {
-                            flexbox: "no-2009",
+                            flexbox: "no-2009"
                         },
-                        stage: 4,
+                        stage: 4
                     })
-                ],
+                ]
+            };
+            return {
+                ...postcssOptions,
+                ...newOptions
             };
-            return { ...postcssOptions, ...newOptions };
         }
     };
 };

website/plugins/docusaurus-tailwindcss-loader/index.js

@@ -5,7 +5,6 @@ import { Panel } from "../partials/general/Panel";
 import { CTACaret, CTAOutlinedButtonMixin, CTAOutlinedButtonWhiteMixin } from "../partials/styles";
 import { DocsIconsView } from "../partials/DocsIconsView";
 import { UIComponentsShowcase } from "../partials/ui/UIComponentsShowcase";
-import "@firecms/ui/index.css";
 
 const UIPage: React.FC = () => {
     return (

website/src/pages/ui.tsx

@@ -13,7 +13,7 @@ export const ContainerSmallMixin = "relative max-w-5xl mx-auto p-4";
 export const ContainerPaddingMixin = "py-12 md:py-16 p-4 md:p-8";
 export const ContainerInnerPaddingMixin = "px-8 py-8 md:px-8 md:py-12";
 
-export const defaultBorderMixin = "border-solid border-slate-500 border-opacity-15 dark:border-slate-500 dark:border-opacity-15";
+export const defaultBorderMixin = "border-solid border-slate-500 border-opacity-40 dark:border-slate-500 dark:border-opacity-40";
 
 
 export const CTACaret = () => <svg aria-hidden="true"

website/src/partials/styles.tsx

@@ -1,8 +1,6 @@
-import "@firecms/ui/index.css";
 import React, { Suspense } from "react";
 import BrowserOnly from "@docusaurus/BrowserOnly";
 
-
 const LazyClientUIComponentsShowcase = React.lazy(() => import("./ClientUIComponentsShowcase"));
 
 export function UIComponentsShowcase() {