add ui styles required for setup

Dashbrd · Jan 1, 2019 · 89aa23b · 89aa23b
1 parent 5583545
commit 89aa23b
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 14 deletions.
diff --git a/angular.json b/angular.json
@@ -27,18 +27,20 @@
               "src/assets"
             ],
             "styles": [
+              "./node_modules/semantic-ui-table/table.min.css",
+              "./node_modules/semantic-ui-reset/reset.min.css",
+              "./node_modules/semantic-ui-input/input.min.css",
+              "./node_modules/semantic-ui-card/card.min.css",
               "src/styles.scss"
             ],
             "scripts": []
           },
           "configurations": {
             "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
+              "fileReplacements": [{
+                "replace": "src/environments/environment.ts",
+                "with": "src/environments/environment.prod.ts"
+              }],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -48,13 +50,11 @@
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                }
-              ]
+              "budgets": [{
+                "type": "initial",
+                "maximumWarning": "2mb",
+                "maximumError": "5mb"
+              }]
             }
           }
         },
@@ -83,6 +83,10 @@
             "tsConfig": "src/tsconfig.spec.json",
             "karmaConfig": "src/karma.conf.js",
             "styles": [
+              "./node_modules/semantic-ui-table/table.min.css",
+              "./node_modules/semantic-ui-reset/reset.min.css",
+              "./node_modules/semantic-ui-input/input.min.css",
+              "./node_modules/semantic-ui-card/card.min.css",
               "src/styles.scss"
             ],
             "scripts": [],
@@ -136,4 +140,4 @@
     }
   },
   "defaultProject": "ng-beginner-workshop"
-}
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,6 +21,10 @@
     "@angular/router": "~7.1.0",
     "core-js": "^2.5.4",
     "rxjs": "~6.3.3",
+    "semantic-ui-card": "^2.3.1",
+    "semantic-ui-input": "^2.4.0",
+    "semantic-ui-reset": "^2.3.1",
+    "semantic-ui-table": "^2.3.1",
     "tslib": "^1.9.0",
     "zone.js": "~0.8.26"
   },

diff --git a/src/styles.scss b/src/styles.scss
@@ -1 +1,6 @@
 /* You can add global styles to this file, and also import other style files */
+body {
+  background-color: #f9f9f9 !important;
+  font-size: 15px;
+  font-family: 'Titillium Web', sans-serif !important;
+}