resolved react hook form link.

ccatto · Jun 19, 2024 · 1361422 · 1361422
1 parent 069c00e
commit 1361422
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/app/(public)/code/css-styles/flexbox/page.tsx b/app/(public)/code/css-styles/flexbox/page.tsx
@@ -16,7 +16,9 @@ const codeBlock5a =
   "<div className='flex justify-center h-20 w-96 bg-orange-300 text-black'>\n  justify-center(horizontally)\n</div>";
 const codeBlock5b =
   '<div className="flex items-center h-20 w-96 bg-orange-300 text-black">\n  items-center(vertically)\n</div>';
-const codeBlock6 =
+  const codeBlock5c =
+  '<div className="flex justify-end h-20 w-96 bg-orange-300 text-black">\n  justify-content: flex-end\n</div>';
+  const codeBlock6 =
   "<div className='flex flex-col w-full'>\n  <div className='flex-1 bg-orange-300 text-black'>Div 1</div>\n  <div className='flex-1 bg-blue-400 text-black'>2nd Div</div>\n  <div className='flex-1 bg-green-400 text-black'>3rd div</div>\n</div>";
 
 export const metadata: Metadata = {
@@ -109,6 +111,12 @@ export default function Page() {
           items-center(vertically)
         </div>
         <SyntaxHighlightingReactCatto codeString={codeBlock5b} />
+        <p>Simple justify-content: flex-end; to right justify</p>
+        <br />
+        <div className="flex justify-end h-20 w-96 bg-orange-300 text-black">
+          justify-content: flex-end
+        </div>
+        <SyntaxHighlightingReactCatto codeString={codeBlock5c} />
         <hr className="m-5 mx-auto my-4 h-1 w-48 rounded border-0 bg-blue-100 dark:bg-blue-700 md:my-10" />
         <h6>
           Ex. 6: Let's take a look aligning & centering in a nested flexbox.

diff --git a/app/components/NextJS/NextJSSideNavLinkList/NextJSSideNavLinkList.tsx b/app/components/NextJS/NextJSSideNavLinkList/NextJSSideNavLinkList.tsx
@@ -210,7 +210,7 @@ const NextJSSideNavLinkList = () => {
           </li>
           <li>
             <Link
-              href="/code/nextjs/react-hook-form"
+              href="/code/javascript/frameworks/nextjs/react-hook-form"
               className="group flex items-center rounded-lg p-2 text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
             >
               <span className="ms-3">React Hook Form</span>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -27,7 +27,7 @@ export default async function RootLayout({
           className={`min-h-[calc(100vh-26rem)] ${montserrat.className} absolute m-0 flex w-screen flex-col overflow-x-hidden bg-gray-800 antialiased`}
         >
           <HeaderCatto />
-          <h1 className="text-white">new</h1>
+          {/* <h1 className="text-white">new</h1> */}
           <hr />
           <div className="mt-20 flex h-full">
             <div className="flex-[1] bg-gradient-to-r from-gray-500 to-gray-900"></div>