style main page cards text color and menu blur

HectorVilas · Jan 18, 2023 · f3b9f5c · f3b9f5c
1 parent a2c4092
commit f3b9f5c
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/style.css b/src/style.css
@@ -122,7 +122,7 @@ input:not([type="checkbox"]):focus {
   overflow-y: auto;
   width: var(--menu-width);
   box-shadow: var(--card-shadow);
-  backdrop-filter: blur(5px);
+  backdrop-filter: blur(10px);
   color: var(--txt-col-1);
   background-color: var(--menu-bg-col);
   font-size: 1.75rem;
@@ -263,26 +263,29 @@ input:not([type="checkbox"]):focus {
 
 .card.main-page-card {
   display: grid;
-  grid-template-columns: repeat(2, auto);
+  grid-template-columns: 1fr auto;
   grid-template-rows: repeat(2, 1fr);
   grid-template-areas:
-    "title todos"
-    "due   due  ";
+  "title todos"
+  "due   due  ";
   gap: 1rem;
   cursor: pointer;
   margin-bottom: .25rem;
 }
 
 .main-page-title {
+  color: var(--txt-col-2);
   grid-area: title;
   white-space: nowrap;
   overflow: hidden;
 }
 .main-page-todos {
+  color: var(--txt-col-3);
   grid-area: todos;
   justify-self: right;
 }
 .main-page-due {
+  color: var(--txt-col-3);
   grid-area: due;
 }