Moved body css from default .css import, to the individual files

Author: fgatti675

examples/example_pro/src/index.css

@@ -9,3 +9,7 @@
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #FF5B79;
 }
+
+body {
+    @apply w-full min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col items-center justify-center;
+}

packages/cli/templates/template/src/index.css

@@ -10,3 +10,7 @@
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #FF5B79;
 }
+
+body {
+    @apply w-full min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col items-center justify-center;
+}

packages/cli/templates/template_pro/src/index.css

@@ -10,3 +10,7 @@
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #FF5B79;
 }
+
+body {
+    @apply w-full min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col items-center justify-center;
+}

packages/ui/src/index.css

@@ -71,7 +71,3 @@
 a {
     @apply text-blue-600 dark:text-blue-400 dark:hover:text-blue-600 hover:text-blue-800
 }
-
-body {
-    @apply w-full min-h-screen bg-gray-50 dark:bg-gray-900 flex flex-col items-center justify-center;
-}

website/src/pages/ui.tsx

@@ -5,6 +5,7 @@ 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/partials/features/SchemaEditorIntro.tsx

@@ -11,7 +11,7 @@ export const SchemaEditorIntro = () => {
         <section
             className="relative">
             <div
-                className={clsx("px-4 sm:px-6 mb-16 bg-light bg-gray-800 text-white dark:text-white",
+                className={clsx("px-4 sm:px-6 mb-16 bg-gray-700 text-white dark:text-white",
                     "border-0 border-y",
                     defaultBorderMixin,)}>
                 <div

website/src/partials/ui/UIComponentsShowcase.tsx

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