updates Hero component to Home

JasonToups · Oct 22, 2024 · e4d934a · e4d934a
1 parent 693262e
commit e4d934a
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 21 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -3,7 +3,7 @@ import './input.css';
 import './output.css';
 import Layout from './layout';
 import Header from './components/ui/custom/header';
-import Hero from './components/pages/home/Hero';
+import Home from './components/pages/home/Home';
 import CreateAppWithVite from './components/pages/getting-started/CreateAppWithVite';
 import StylingAndUI from './components/pages/getting-started/StylingAndUI';
 import DeployToGithubPages from './components/pages/getting-started/DeployToGitHubPages';
@@ -15,7 +15,7 @@ function App() {
         <Header />
         <Routes>
           {/* Home Route */}
-          <Route path='/' element={<Hero />} />
+          <Route path='/' element={<Home />} />
 
           {/* Getting Started Routes */}
           <Route

diff --git a/src/components/pages/home/Hero.tsx → src/components/pages/home/Home.tsx b/src/components/pages/home/Hero.tsx → src/components/pages/home/Home.tsx
@@ -19,9 +19,9 @@ const code = `  return (
   );
   `;
 
-export default function Hero() {
+export default function Home() {
   return (
-    <Inspect name='Hero' code={code}>
+    <Inspect name='Home' code={code}>
       <section className='p-10 flex flex-col items-center justify-center h-screen bg-gray-800 text-white'>
         <h1 className='text-5xl py-7'>Visible React</h1>
         <div className='prose lg:prose-xl text-left leading-8 max-w-lg'>

diff --git a/src/input.css b/src/input.css
@@ -19,7 +19,7 @@
   }
 
   a {
-    @apply text-blue-600 underline hover:text-blue-800;
+    /* @apply text-blue-600 underline hover:text-blue-800; */
   }
 
   section {
@@ -32,11 +32,11 @@
   }
 
   ul {
-    @apply list-disc pl-5 mb-4;
+    /* @apply list-disc pl-5 mb-4; */
   }
 
   li {
-    @apply mb-2;
+    /* @apply mb-2; */
   }
   :root {
     --background: 0 0% 100%;

diff --git a/src/output.css b/src/output.css
@@ -583,14 +583,7 @@ p {
 }
 
 a {
-  --tw-text-opacity: 1;
-  color: rgb(37 99 235 / var(--tw-text-opacity));
-  text-decoration-line: underline;
-}
-
-a:hover {
-  --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity));
+  /* @apply text-blue-600 underline hover:text-blue-800; */
 }
 
 section {
@@ -611,13 +604,11 @@ pre,
 }
 
 ul {
-  margin-bottom: 1rem;
-  list-style-type: disc;
-  padding-left: 1.25rem;
+  /* @apply list-disc pl-5 mb-4; */
 }
 
 li {
-  margin-bottom: 0.5rem;
+  /* @apply mb-2; */
 }
 
 :root {

diff --git a/src/pages/home/Hero.tsx b/src/pages/home/Hero.tsx
@@ -19,9 +19,9 @@ const code = `  return (
   );
   `;
 
-export default function Hero() {
+export default function Home() {
   return (
-    <Inspect name='Hero' code={code}>
+    <Inspect name='Home' code={code}>
       <section className='p-10 flex flex-col items-center justify-center h-screen bg-gray-800 text-white'>
         <h1 className='text-5xl py-7'>Visible React</h1>
         <div className='prose lg:prose-xl text-left leading-8 max-w-lg'>