Formatting

client-solid/package.json

@@ -36,4 +36,4 @@
     "vite-plugin-qrcode": "^0.2.3",
     "vite-plugin-solid": "^2.8.0"
   }
-}
+}

client-solid/src/Components/Posts.tsx

@@ -28,7 +28,9 @@ export function PostSegment(props: { post: Post }): JSXElement {
   return (
     <div class="card compact w-full flex-grow border-b-2 border-b-base-300 bg-base-200 text-base-content transition-all hover:bg-base-300">
       <div class="card-body">
-        <p class="break-words text-base-content md:px-6 md:pt-2">{props.post?.content}</p>
+        <p class="break-words text-base-content md:px-6 md:pt-2">
+          {props.post?.content}
+        </p>
         <div class="card-actions justify-end">
           <button
             onClick={(): void => nav("/post/" + props.post?.id)}

client-solid/src/Containers/Footer.tsx

@@ -2,7 +2,7 @@ import { JSXElement } from "solid-js";
 
 export function Footer(): JSXElement {
   return (
-    <footer class="footer footer-center rounded mt-auto bg-base-200 p-10 text-base-content">
+    <footer class="footer footer-center mt-auto rounded bg-base-200 p-10 text-base-content">
       <nav class="grid grid-flow-col gap-4">
         <a class="link-hover link">About us</a>
         <a class="link-hover link">Contact</a>

client-solid/src/Containers/PageContainer.tsx

@@ -3,8 +3,6 @@ import { JSXElement } from "solid-js";
 // MainContainer is the main container for the page.
 export function PageContainer(props: { children: JSXElement }): JSXElement {
   return (
-    <div class="flex min-h-screen flex-col items-center">
-      {props.children}
-    </div>
+    <div class="flex min-h-screen flex-col items-center">{props.children}</div>
   );
 }