add support for project inactivity, added new checkbox component.

2021-01-04 19:38:46 +01:00
parent 7dfa1ec8b4
commit c3e589aa3e
11 changed files with 117 additions and 21 deletions
@@ -25,7 +25,7 @@
 </script>

 <div class="project">
-  <div class="icon"><Icon block name={iconName} /></div>
+  <div class="icon" class:inactive={!project.active}><Icon block name={iconName} /></div>
  <div class="body">
    <div class="header">
      <div class="name">{project.name}</div>
@@ -66,6 +66,9 @@
    padding-top: 0.125em;
    color: #333;
  }
+  div.icon.inactive {
+    color: #484;
+  }
  div.body {
    display: flex;
    flex-direction: column;
@@ -91,4 +94,13 @@
    padding: 0;
    margin: 0.25em 0;
  }
+
+  @media screen and (max-width: 550px) {
+    div.icon {
+      color: #777;
+    }
+    div.icon.inactive {
+      color: #78ff78;
+    }
+  }
 </style>