Added home link

emeraldwalk · Jan 25, 2024 · 074cac2 · 074cac2
1 parent 40278c6
commit 074cac2
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 12 deletions.
diff --git a/src/components/CheckList.module.scss b/src/components/CheckList.module.scss
@@ -7,19 +7,21 @@
   grid-template-rows: auto 1fr;
   height: 100vh;
 
-  > span:first-of-type {
-    display: grid;
+  a {
+    display: flex;
     align-items: center;
-    grid-template-columns: auto auto 1fr;
+    color: unset;
     gap: 2px;
-    box-shadow: 0 0px 20px -5px var(--check-list-color-shadow);
+    font-size: 1.2em;
+    text-decoration: none;
+  }
+
+  > span:first-of-type {
+    display: flex;
+    align-items: center;
+    box-shadow: 0 0px 10px -5px var(--check-list-color-shadow);
     padding: var(--check-list-item-pad);
-    > span {
-      font-size: 1.2em;
-    }
-    :last-child {
-      justify-self: end;
-    }
+    justify-content: space-between;
   }
 
   ul {

diff --git a/src/components/CheckList.tsx b/src/components/CheckList.tsx
@@ -28,8 +28,10 @@ export function CheckList() {
   return (
     <div class={styles.CheckList}>
       <span>
-        <img src={logo} />
-        <span>ible Plan</span>
+        <a href="/">
+          <img src={logo} />
+          <span>ible Plan</span>
+        </a>
         <CheckBox
           isChecked={showCompleted()}
           onChange={() =>