adds updatedf UI for translations

MarkTechson · May 9, 2022 · d9d6571 · d9d6571
1 parent fc6f503
commit d9d6571
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 32 deletions.
diff --git a/src/app/app.component.css b/src/app/app.component.css
@@ -12,6 +12,7 @@ main {
     width: 10%;
     margin-bottom: -3px;
 }
+
 .image-container {
     display: flex;
 }
@@ -20,49 +21,27 @@ main {
     width: 100%;
 }
 
-main > section > h2 {
+main>section>h2 {
     font-size: 40pt;
 }
-.shipping-details > p {
+
+.shipping-details>p {
     font-size: 20pt;
 }
 
-.shipping-details > table {
+.shipping-details>table {
     width: 100%;
     border-collapse: separate;
     border-spacing: 1em;
 }
 
-table > tr:last-child {
+table>tr:last-child {
     border-top: 1px solid #63d1ff;
     font-weight: bold;
     font-size: 18pt;
 }
-.shipping-details > table th {
+
+.shipping-details>table th {
     text-align: left;
     font-weight: bold;
-}
-
-/* .content  {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    border: solid 1px black;
-} */
-/* 
-.shipping-details {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-.shipping-icon {
-    height: 25%;
-}
-
-svg {
-    height: 75%;
-}
-
-h2, p {
-    display: inline-block;
-} */
+}
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -4,7 +4,7 @@
   </section>
   <section class="shipping-details">
     <h2>
-      Your order is on it's way!
+      Your order is on its way!
       <img class="shipping-icon" src="../assets/noun-shipping-4326216-63D1FF.png">
     </h2>
     <p>
@@ -15,14 +15,17 @@ <h2>
       <tr>
         <th>Item</th>
         <th>Qty</th>
+        <th>Date</th>
         <th>Amount</th>
       </tr>
       <tr>
         <td>Big box item</td>
         <td>1</td>
+        <td>05/01/2022</td>
         <td>$129</td>
       </tr>
       <tr>
+        <td></td>
         <td></td>
         <td class="total-amount-label">Total Amount</td>
         <td class="total-amount">$129</td>

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,10 +1,16 @@
 import { Component } from '@angular/core';
+import { Title } from '@angular/platform-browser';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  title = 'i18n-receipt-demo';
+  title = 'Your Receipt';
+
+  constructor(private titleService: Title) {
+    this.titleService.setTitle(this.title);
+  }
+
 }