style to stats

epic-guys · Jun 20, 2024 · d386087 · d386087
1 parent 20c35bc
commit d386087
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/angular/src/app/modules/profile/components/moderation/moderation.component.html b/angular/src/app/modules/profile/components/moderation/moderation.component.html
@@ -1,6 +1,7 @@
 <div class="container">
     <mat-tab-group>
         <mat-tab label="Auctions">
+            <h2>Stats:</h2>
             <div class="stats" *ngIf="!stats_success_loading && !stats_failed_loading">
                 <div class="success">Successful auctions: {{successful}}</div>
                 <div class="failed">Failed auctions: {{failed}}</div>

diff --git a/angular/src/app/modules/profile/components/moderation/moderation.component.scss b/angular/src/app/modules/profile/components/moderation/moderation.component.scss
@@ -7,9 +7,27 @@
         margin: 20px;
     }
 
-
-
-
+    .stats{
+        display: flex;
+        justify-content: space-around;
+        margin: 20px;
+        div{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            padding: 10px;
+            border-radius: 5px;
+            background-color: rgb(144, 156, 235);;
+            box-shadow: 0 0 5px rgba(0,0,0,0.1);
+            h3{
+                margin: 0;
+            }
+            p{
+                margin: 0;
+            }
+        }
+    }
 }
 
 :host ::ng-deep .mat-mdc-tab-body-wrapper{