Refactor social links component and update styling in container app

serifcolakel · Apr 6, 2024 · 0ce681e · 0ce681e
1 parent 393abd0
commit 0ce681e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/apps/container/src/components/social-links/index.tsx b/apps/container/src/components/social-links/index.tsx
@@ -11,10 +11,10 @@ const socialLinks = [
 
 export default function SocialLinks() {
   return (
-    <div className="flex flex-row divide-x-2 md:w-1/3 w-full divide-black justify-center items-center border py-4 rounded-lg bg-white">
+    <div className="flex flex-row items-center justify-center w-full py-4 bg-white border divide-x-2 divide-black rounded-lg md:w-1/3">
       {socialLinks.map(({ name, url }) => (
         <a
-          className="px-4 hover:underline text-primary-400 text-xl"
+          className="px-4 text-xl hover:underline text-primary-400"
           href={url}
           key={name}
           rel="noreferrer"

diff --git a/apps/container/src/pages/home/index.tsx b/apps/container/src/pages/home/index.tsx
@@ -4,7 +4,7 @@ export default function HomePage() {
   return (
     <div className="h-[90vh] flex flex-col justify-center items-center bg-gray-100 gap-y-4 w-full">
       <p className="text-[200px] animate-wiggle">🌍</p>
-      <h1 className="text-primary text-4xl font-bold">
+      <h1 className="text-4xl font-bold text-primary">
         Welcome to the Container!
       </h1>
       <p className="text-lg text-primary-400">

diff --git a/apps/info/src/app/app.tsx b/apps/info/src/app/app.tsx
@@ -3,9 +3,9 @@ export function App() {
     <main>
       <h1>Welcome to info!</h1>
       <p>This is a remote app that is part of the Nx plugin for Webpack 5.</p>
-      <section className="bg-gray-50 shadow-sm p-4 rounded-lg">
+      <section className="p-4 rounded-lg shadow-sm bg-gray-50">
         <h2 className="text-4xl font-bold text-center border-b-4 border-b-primary py-[41px]">
-          <p className="animate-wiggle p-8 text-primary-700">Info</p>
+          <p className="p-8 animate-wiggle text-primary-700">Info</p>
         </h2>
         <p className="text-lg text-center my-[41px]">
           This app is a remote app that is part of the Nx plugin for Webpack 5.