Fixed default link styling

Author: fgatti675

examples/example/src/index.css

@@ -6,11 +6,14 @@
 
 :root {
     --fcms-primary: #0070F4;
-    --fcms-primary-dark: #0061e6;
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #FF5B79;
 }
 
 body {
     @apply w-full min-h-screen bg-surface-50 dark:bg-surface-900 flex flex-col items-center justify-center;
 }
+
+a {
+    @apply text-primary dark:text-primary hover:underline
+}

examples/example_cloud/src/index.css

@@ -24,9 +24,12 @@ body {
     @apply w-full min-h-screen bg-surface-50 dark:bg-surface-900 flex flex-col items-center justify-center;
 }
 
+a {
+    @apply text-primary dark:text-primary hover:underline
+}
+
 :root {
     --fcms-primary: #0070F4;
-    --fcms-primary-dark: #0061e6;
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #FF5B79;
 }

examples/example_next/next.config.ts

@@ -4,12 +4,12 @@ const nextConfig: NextConfig = {
     async redirects() {
         return [
             {
-                source: '/',
-                destination: '/products',
-                permanent: true,
-            },
+                source: "/",
+                destination: "/cms",
+                permanent: true
+            }
         ]
-    },
+    }
 };
 
 export default nextConfig;

examples/example_next/src/app/(website)/layout.tsx

@@ -8,7 +8,7 @@ import { Header } from "@/app/(website)/components/Header";
 import { Footer } from "@/app/(website)/components/Footer";
 
 export const metadata: Metadata = {
-    title: "FireCMS E-commerce demo",
+    title: "FireCMS e-commerce and blog demo",
     description: "This is a demo for using FireCMS as an e-commerce backend",
     generator: "FireCMS",
 };

examples/example_next/src/app/cms/App.tsx

@@ -50,7 +50,7 @@ import Link from "next/link";
 
 export function App() {
 
-    const title = "FireCMS E-commerce demo";
+    const title = "FireCMS e-commerce and blog demo";
 
     if (!firebaseConfig?.projectId) {
         throw new Error("Firebase config not found. Please check your `firebase_config.ts` file and make sure it is correctly set up.");
@@ -248,7 +248,7 @@ export function App() {
                                         logo={logo.src}
                                         autoOpenDrawer={false}>
                                         <AppBar title={title}
-                                                endAdornment={<Link href={"../"} target={"_blank"}>
+                                                endAdornment={<Link href={"../products"} target={"_blank"}>
                                                     <Button variant={"text"}>
                                                         <OpenInNewIcon/>
                                                         Go to website

examples/example_next/src/app/cms/components/CustomLoginView.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from "react";
-import { Alert, BooleanSwitchWithLabel, Typography } from "@firecms/ui";
+import { Alert, BooleanSwitchWithLabel, OpenInNewIcon, Typography } from "@firecms/ui";
 import { FirebaseLoginView, FirebaseLoginViewProps } from "@firecms/firebase";
 
 export function CustomLoginView(props: FirebaseLoginViewProps) {
@@ -27,14 +27,27 @@ export function CustomLoginView(props: FirebaseLoginViewProps) {
             disabled={!termsAccepted}
         >
             <>
-                <Typography variant={"h6"} className={"mb-2"}>
-                    FireCMS e-commerce demo
+                <Typography variant={"h5"} className={"mb-2"}>
+                    FireCMS e-commerce and blog demo
                 </Typography>
-                <Typography className={"mb-4"} variant={"caption"}>
+
+                <Typography className={"mb-4"} variant={"body2"}>
                     This is a demo application that showcases the capabilities of FireCMS.
-                    You can see a sample frontend application built with Next.js in
-                    this <a href={"/"} target={"_blank"} rel={"noreferrer"}> link</a>.
+                    Check the sample frontend application built with Next.js
+                    in <a href={"/"} target={"_blank"} rel={"noreferrer"}>this link <OpenInNewIcon
+                    size={"smallest"}
+                    className={"inline"}/></a>.
                 </Typography>
+
+                {/*<Link*/}
+                {/*    target={"_blank"}*/}
+                {/*    href={"../products"}>*/}
+                {/*    <Button size={"small"}*/}
+                {/*            variant={"text"}*/}
+                {/*            fullWidth*/}
+                {/*            startIcon={<OpenInNewIcon/>}>See demo frontend app</Button>*/}
+                {/*</Link>*/}
+
                 <BooleanSwitchWithLabel size="small"
                                         invisible={true}
                                         value={newsletterSubscribed}

examples/example_next/src/app/cms/custom_field/JSONField.tsx

@@ -4,21 +4,19 @@
 
 :root {
     --fcms-primary: #0070F4;
-    --fcms-primary-dark: #0061e6;
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #12b6b2;
 }
 
-@layer utilities {
-    /* Chrome, Safari and Opera */
-    .no-scrollbar::-webkit-scrollbar {
-        display: none;
-    }
+body {
+    @apply w-full min-h-screen bg-surface-50 dark:bg-surface-900 flex flex-col items-center justify-center;
+}
 
-    .no-scrollbar {
-        -ms-overflow-style: none; /* IE and Edge */
-        scrollbar-width: none; /* Firefox */
-    }
+a {
+    @apply text-primary dark:text-primary hover:underline
+}
+
+@layer utilities {
 
     .typography-h1 {
         @apply text-5xl font-headers;
@@ -76,8 +74,3 @@
         @apply text-sm font-medium uppercase;
     }
 }
-
-
-body {
-    @apply w-full min-h-screen bg-surface-50 dark:bg-surface-900 flex flex-col items-center justify-center;
-}

examples/example_next/src/app/common/index.css

@@ -5,14 +5,17 @@
 
 :root {
     --fcms-primary: #0070F4;
-    --fcms-primary-dark: #0061e6;
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #FF5B79;
 }
 
 body {
     @apply w-full min-h-screen bg-surface-50 dark:bg-surface-900 flex flex-col items-center justify-center;
 }
+
+a {
+    @apply text-primary dark:text-primary hover:underline
+}
 /*.typography-body1 {*/
 /*    @apply text-lg;*/
 /*}*/

examples/example_pro/src/index.css

@@ -6,7 +6,6 @@
 
 :root {
     --fcms-primary: #0070F4;
-    --fcms-primary-dark: #0061e6;
     --fcms-primary-bg: #0061e610;
     --fcms-secondary: #FF5B79;
 }