Altera tamanho da fonte e letras maiusculas

Co-authored-by: RaisSabeAndrade <[email protected]>
fga-eps-mds · Dec 6, 2023 · ca07e76 · ca07e76
1 parent 0f26e0f
commit ca07e76
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/pages/grid/grid.component.css b/src/app/pages/grid/grid.component.css
@@ -2,22 +2,33 @@
     padding-left: 40px; 
   }
 .padded-cell-day {
-    padding-left: 20px; 
+    padding-left: 10px; 
+  }
+.padded-right {
+    padding-right: 20px; 
   }
-.center-table {
-  font-size: 12px;
-}
 
 table {
   width: 100%;
   border-collapse: collapse;
+  font-size: 13px;
 }
 
-th,
 td {
-  padding: 8px;
+  padding: 5px;
 }
 
 tr:not(:last-child) {
   border-bottom-width: 0.01em;
+}
+
+td::first-letter {
+  text-transform: capitalize;
+}
+td {
+  text-transform: lowercase;
+}
+
+p {
+  font-size: 15px;
 }
diff --git a/src/app/pages/grid/grid.component.html b/src/app/pages/grid/grid.component.html
@@ -1,24 +1,23 @@
-<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 class="text-blue-brand padded-cell-day font-bold text-1xl">
+  {{ day }}
+</p>
+<div>
+    <div class="flex flex-col">
 
       <p-progressSpinner *ngIf="loadingSchedule; else scheduleTable"></p-progressSpinner>
 
       <ng-template #scheduleTable>
-        <div class="overflow-x-auto">
-          <table class="center-table my-6">
-            <caption>Programação diária</caption>
-            <tr>
-              <th class="padded-cell">Horário</th>
-              <th class="text-left">Atividade</th>
-            </tr>
+        <div class="overflow-x-auto padded-cell">
+          <table>
+            <caption>
+              <div>
+                &nbsp;
+              </div>
+            </caption>
             <tbody>
               <tr *ngFor="let item of schedule">
-                <td class="padded-cell">{{ item.time }}</td>
-                <td class="text-left">{{ item.activity }}</td>
+                <td>{{ item.time }}</td>
+                <td>{{ item.activity }}</td>
               </tr>
             </tbody>
           </table>
@@ -29,5 +28,4 @@
         <button id="redirectBack" class="text-blue-brand px-4 py-2 rounded-md" (click)="redirectBack()">Voltar</button>
       </div>
     </div>
-  </div>
 </div>