add css pagina de programação

fga-eps-mds · Nov 16, 2023 · 5836e58 · 5836e58
1 parent dc9f180
commit 5836e58
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 20 deletions.
diff --git a/src/app/pages/grid/grid.component.css b/src/app/pages/grid/grid.component.css
@@ -0,0 +1,6 @@
+.padded-cell {
+    padding-left: 40px; 
+  }
+.padded-cell-day {
+    padding-left: 20px; 
+  }
diff --git a/src/app/pages/grid/grid.component.html b/src/app/pages/grid/grid.component.html
@@ -1,25 +1,24 @@
 
-<div class="grid">
-    <table>
+<div class="text-blue-brand padded-cell-day">
         <thead>
             <tr>
                 <th>
-                    Horário
-                </th>
-                <th>
-                    Programa
+                   {{ day }}
                 </th>
             </tr>
         </thead>
-        <tbody>
-            <tr *ngFor="let item of schedule">
-                <td>
-                    {{ item.time }}
-                </td>
-                <td>
-                    {{ item.activity }}
-                </td>
-            </tr>
-        </tbody>
-    </table>
-  </div>
+</div>
+    <div>
+        <table>
+            <tbody>
+                <tr *ngFor="let item of schedule">
+                    <td class="padded-cell">
+                      {{ item.time }}
+                    </td>
+                    <td class="padded-cell">
+                      {{ item.activity }}
+                    </td>
+                  </tr>
+            </tbody>
+        </table>
+</div>
diff --git a/src/app/pages/grid/grid.component.ts b/src/app/pages/grid/grid.component.ts
@@ -1201,6 +1201,6 @@ export class GridComponent {
     this.schedule = grids[this.day.toUpperCase()].map((program: any) => {
 
       return {time: program.horario, activity: program.nome}
-  })
-} 
+    })
+  } 
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -1201,6 +1201,6 @@ export class GridComponent { @@
         this.schedule = grids[this.day.toUpperCase()].map((program: any) => {
           return {time: program.horario, activity: program.nome}
-      })
-    }
+        })
+      }
     }