chore(edit-ema): Change the nextjs example colors and theme #27425 (#…

…27498) * chore(edit-ema): Clean up nextjs and app list porlet * Update clean up
dotCMS · Feb 2, 2024 · 0f4a103 · 0f4a103
1 parent b9c1f0b
commit 0f4a103
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/ema/nextjs/src/components/content-types/activity.js b/ema/nextjs/src/components/content-types/activity.js
@@ -25,7 +25,7 @@ function Activity({ title, description, image, urlTitle }) {
             <div className="px-6 pt-4 pb-2">
                 <Link
                     href={`/activities/${urlTitle || '#'}`}
-                    className="inline-block px-4 py-2 font-bold text-white bg-blue-500 rounded-full hover:bg-blue-700">
+                    className="inline-block px-4 py-2 font-bold text-white bg-purple-500 rounded-full hover:bg-purple-700">
                     Link to detail →
                 </Link>
             </div>

diff --git a/ema/nextjs/src/components/content-types/banner.js b/ema/nextjs/src/components/content-types/banner.js
@@ -19,7 +19,7 @@ function Banner({ title, image, caption, buttonText, link }) {
                 <h2 className="mb-2 text-6xl font-bold text-shadow">{title}</h2>
                 <p className="mb-4 text-xl text-shadow">{caption}</p>
                 <Link
-                    className="p-4 text-xl transition duration-300 bg-blue-500 rounded hover:bg-blue-600"
+                    className="p-4 text-xl transition duration-300 bg-purple-500 rounded hover:bg-purple-600"
                     href={link || '#'}>
                     {buttonText}
                 </Link>

diff --git a/ema/nextjs/src/components/layout/footer.js b/ema/nextjs/src/components/layout/footer.js
@@ -1,6 +1,6 @@
 // Footer component
 function Footer() {
-    return <footer className="p-4 text-white bg-blue-500">Footer</footer>;
+    return <footer className="p-4 text-white bg-purple-500">Footer</footer>;
 }
 
 export default Footer;
diff --git a/ema/nextjs/src/components/layout/header.js b/ema/nextjs/src/components/layout/header.js
@@ -2,7 +2,7 @@ import Link from 'next/link';
 
 function Header({ children }) {
     return (
-        <header className="flex items-center justify-between p-4 bg-blue-500">
+        <header className="flex items-center justify-between p-4 bg-purple-500">
             <div className="flex items-center">
                 <h2 className="text-3xl font-bold text-white">
                     <Link href="/">TravelLux</Link>

diff --git a/ema/nextjs/src/components/my-page.js b/ema/nextjs/src/components/my-page.js
@@ -14,7 +14,7 @@ import Navigation from './layout/navigation';
 
 export function MyPage({ data, nav }) {
     return (
-        <div className="flex flex-col min-h-screen gap-6">
+        <div className="flex flex-col min-h-screen gap-6 bg-lime-50">
             {data.layout.header && (
                 <Header>
                     <Navigation items={nav} />