hopefully polished some stylistic bugs

imkunet · Apr 24, 2023 · 73f5457 · 73f5457
1 parent 4b41f14
commit 73f5457
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="bg-zinc-900">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

diff --git a/src/App.tsx b/src/App.tsx
@@ -15,8 +15,9 @@ type PageNavLinkProps = ComponentProps<'a'> & {
 const PageNavLink: Component<PageNavLinkProps> = (props: PageNavLinkProps) => {
   return (
     <Link
-      class="inline-flex items-center gap-1 text-gray-400 transition-all"
-      activeClass="font-bold text-gray-100"
+      inactiveClass="text-gray-400"
+      class="inline-flex items-center gap-1 transition-all"
+      activeClass="font-bold text-white"
       {...props}
     >
       {props.children}

diff --git a/src/components/PageWrapper.tsx b/src/components/PageWrapper.tsx
@@ -12,9 +12,9 @@ const PageWrapper: Component<ParentProps> = (props: ParentProps) => {
         easing: spring({ damping: 25, stiffness: 160 }),
         allowWebkitAcceleration: true,
       }}
-      class="col-span-full row-span-full"
+      class="col-span-full row-span-full mx-auto"
     >
-      {props.children}
+      <div class="m-2 inline-block">{props.children}</div>
     </Motion.div>
   );
 };