fix: lighthouses

PHS-TSA · Mar 3, 2024 · a23ef9f · a23ef9f
1 parent 27b2285
commit a23ef9f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -142,7 +142,7 @@ function RenderCategory(props: Menu): JSX.Element {
 function RenderCategoryHeader({ url, title }: BasicMenu): JSX.Element {
   return (
     <a
-      class="py-4 pr-4 font-bold text-black hover:text-gray-800 dark:hover:text-gray-200"
+      class="py-4 pr-4 font-bold text-black hover:text-gray-800 dark:text-white dark:hover:text-gray-200"
       href={url}
     >
       {title}
@@ -221,7 +221,7 @@ function With(): JSX.Element {
   return (
     <>
       <span class="max-w-fit text-end text-xs">Made with</span>
-      <div class="grid max-w-fit grid-cols-auto-2 justify-end gap-1">
+      <div class="grid max-w-fit grid-cols-auto-2 justify-end gap-2">
         {icons.map(
           (tool: Tool): JSX.Element => (
             <a

diff --git a/src/routes/index.tsx b/src/routes/index.tsx
@@ -24,7 +24,9 @@ function Card({
   imgSide,
 }: RenderableProps<CardProps>): JSX.Element {
   return (
-    <div class={`${cols} items-center md:grid md:grid-cols-4`}>
+    <div
+      class={`inline-grid items-center rounded-xl bg-slate-400 dark:bg-slate-300 p-8 md:grid md:grid-cols-4 ${cols}`}
+    >
       <img
         src={image}
         alt={alt}
@@ -69,7 +71,7 @@ export default function Home(): JSX.Element {
         </p>
       </Cover>
 
-      <div class="gap-y-10 bg-slate-200 px-5 py-5 sm:px-10 sm:py-10 lg:px-20 lg:py-20 *:inline-grid *:rounded-xl *:bg-slate-400 *:p-8 grid md:grid-cols-4 dark:bg-slate-800">
+      <div class="gap-y-10 bg-slate-200 px-5 py-5 sm:px-10 sm:py-10 lg:px-20 lg:py-20 grid md:grid-cols-4 dark:bg-slate-800">
         <Card
           image={testImg}
           alt="test"