Add task displaying in active list component.

2022-03-04 22:08:13 +01:00
parent 86fcdd4d12
commit 21bd3826e6
9 changed files with 183 additions and 4 deletions
--- a/src/app/active-list-tasks/active-list-tasks.component.scss
+++ b/src/app/active-list-tasks/active-list-tasks.component.scss
@@ -0,0 +1,32 @@
+.container {
+    max-width: 50rem;
+    width: 90%;
+    margin: 0 auto;
+
+    .task {
+        position: relative;
+        width: 100%;
+        height: 2.5rem;
+        display: flex;
+        align-items: center;
+        margin: .5rem 0;
+        
+        input {
+            width: 100%;
+            height: 100%;
+            padding: 0 3rem;
+            border-radius: .1rem;
+            border-style: none;
+            background-color: #444;
+        }
+
+        &.new {
+            margin-top: 1rem;
+
+            mat-icon {
+                position: absolute;
+                left: 1rem;
+            }
+        }
+    }
+}