padronizar cores

fga-eps-mds · Dec 8, 2023 · 831fac3 · 831fac3
1 parent bf5b20f
commit 831fac3
Showing 1 changed file with 20 additions and 14 deletions.
diff --git a/src/app/pages/grid/grid.component.html b/src/app/pages/grid/grid.component.html
@@ -1,22 +1,27 @@
-<p class="text-blue-brand padded-cell-day font-bold text-1xl">
-  {{ day }}
-</p>
-<div>
-    <div class="flex flex-col">
+<div class="flex justify-center">
+  <div class="w-64 md:w-96 text-center">
+    <div class="flex flex-col gap-6">
+      <p class="text-blue-brand padded-cell-day text-left font-bold text-2xl">
+        {{ day }}
+      </p>
 
       <p-progressSpinner *ngIf="loadingSchedule; else scheduleTable"></p-progressSpinner>
+
       <ng-template #scheduleTable>
-        <div class="overflow-x-auto padded-cell">
-          <table>
-            <caption>
-              <div>
-                &nbsp;
-              </div>
-            </caption>
+        <div class="overflow-x-auto">
+          <table class="center-table my-6">
+            <caption></caption>
+            <thead>
+              <tr>
+                <th class="padded-cell" style="color: #3c3c3b;">Horário</th>
+                <th class="text-left" style="color: #3c3c3b;">Atividade</th>
+
+              </tr>
+            </thead>
             <tbody>
               <tr *ngFor="let item of schedule">
-                <td>{{ item.time }}</td>
-                <td>{{ item.activity }}</td>
+                <td class="padded-cell" style="color: #3c3c3b;">{{ item.time }}</td>
+                <td class="text-left">{{ item.activity }}</td>
               </tr>
             </tbody>
           </table>
@@ -27,4 +32,5 @@
         <button id="redirectBack" class="text-blue-brand px-4 py-2 rounded-md" (click)="redirectBack()">Voltar</button>
       </div>
     </div>
+  </div>
 </div>