feature: dashboard - add classes

package-lock.json

@@ -8,7 +8,7 @@
       "version": "1.0.0",
       "license": "MIT",
       "dependencies": {
-        "@startinblox/hubl-styling-framework": "^1.0.12",
+        "@startinblox/hubl-styling-framework": "^1.0.13",
         "fs-extra": "^9.0.1",
         "normalize.css": "^8.0.1",
         "parcel-bundler": "^1.12.4",
@@ -1442,9 +1442,9 @@
       }
     },
     "node_modules/@startinblox/hubl-styling-framework": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.12.tgz",
-      "integrity": "sha512-7w7S0tBxbrUdoi61UISGxA44njeWMZXBMnVKHPE1ODjzkrw5gFgmAI41v50CIdClNuaKi4HjCtn0wAa9+gt3Qw=="
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.13.tgz",
+      "integrity": "sha512-bbRTrfH6GgecA/hLiMhphjxdBBPtnIZ88Sd5zSF9kyk/IZ2CptUQVpkYw0eZGhPaWisuqLZ6p/aE4sw1HTWc/w=="
     },
     "node_modules/@types/q": {
       "version": "1.5.4",
@@ -10603,9 +10603,9 @@
       }
     },
     "@startinblox/hubl-styling-framework": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.12.tgz",
-      "integrity": "sha512-7w7S0tBxbrUdoi61UISGxA44njeWMZXBMnVKHPE1ODjzkrw5gFgmAI41v50CIdClNuaKi4HjCtn0wAa9+gt3Qw=="
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.13.tgz",
+      "integrity": "sha512-bbRTrfH6GgecA/hLiMhphjxdBBPtnIZ88Sd5zSF9kyk/IZ2CptUQVpkYw0eZGhPaWisuqLZ6p/aE4sw1HTWc/w=="
     },
     "@types/q": {
       "version": "1.5.4",

package.json

@@ -45,7 +45,7 @@
     ]
   },
   "dependencies": {
-    "@startinblox/hubl-styling-framework": "^1.0.12",
+    "@startinblox/hubl-styling-framework": "^1.0.13",
     "fs-extra": "^9.0.1",
     "normalize.css": "^8.0.1",
     "parcel-bundler": "^1.12.4",

src/index.pug

@@ -52,8 +52,10 @@ html(lang="en")
 
       main#content.segment.lg-three-quarter.text-top.notLoggedIn
 
-        #about(data-view="about")
-          include views/page-about.pug
+        if endpoints.get.dashboards
+          #dashboard(hidden, data-view="dashboard")
+            include views/page-dashboard.pug
+
 
       //-   if endpoints.get.dashboards
       //-     #dashboard(hidden, data-view="dashboard").no-sidebar.with-padding

src/views/page-dashboard.pug

-.views-container
-  h1(data-trans='dashboard.title')
+div.segment.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large
+  h2.text-xlarge.text-color-heading.text-uppercase(data-trans='dashboard.title')
   solid-dashboard(
     data-src=`${endpoints.dashboards || endpoints.get.dashboards}`
   )