Fix typos (#1138)

threefoldtech · Sep 24, 2023 · c2238e5 · c2238e5
1 parent 7285cc3
commit c2238e5
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
@@ -201,7 +201,7 @@ const routes: AppRoute[] = [
     icon: "mdi-calculator",
     items: [
       {
-        title: "Resource Pricing",
+        title: "Pricing Calculator",
         icon: "mdi-currency-usd",
         route: "/explorer/pricing",
       },
@@ -214,7 +214,7 @@ const routes: AppRoute[] = [
   },
   {
     title: "Playground",
-    items: [{ title: "Deployments", icon: "vm.png", route: "/solutions" }],
+    items: [{ title: "Solutions", icon: "vm.png", route: "/solutions" }],
   },
   {
     title: "My Account",
@@ -245,7 +245,7 @@ const routes: AppRoute[] = [
     icon: "mdi-toolbox",
     items: [
       {
-        title: "Graphana",
+        title: "Grafana",
         icon: "mdi-equalizer",
         url: "https://metrics.grid.tf/d/rYdddlPWkfqwf/zos-host-metrics?orgId=2&refresh=30s",
       },

diff --git a/packages/playground/src/router/index.ts b/packages/playground/src/router/index.ts
@@ -22,6 +22,7 @@ const router = createRouter({
       path: "/portal",
       children: [
         {
+          name: "Twin",
           path: "twin",
           component: () => import("../portal/twin_view.vue"),
           meta: { title: "Twin" },

diff --git a/packages/playground/src/views/page_not_found.vue b/packages/playground/src/views/page_not_found.vue
@@ -1,9 +1,11 @@
 <template>
   <img class="centered-img" :src="baseUrl + 'images/404.png'" />
-  <p class="text1">Oops. The page you were looking for doesn't exist.</p>
-  <p class="text2">You may have mistyped address or the page may have been moved</p>
+  <p class="text1">Oops! The page you were looking for doesn't exist.</p>
+  <p class="text2">You may have mistyped address or the page may have been moved.</p>
   <div style="text-align: center">
-    <v-btn color="primary" variant="text" @click="$router.push('/')"> Take me back to the home page</v-btn>
+    <v-btn color="primary" variant="text" @click="$router.push({ name: 'Twin' })">
+      Take me back to the Home page.</v-btn
+    >
   </div>
 </template>
 

diff --git a/packages/playground/src/views/solutions_view.vue b/packages/playground/src/views/solutions_view.vue
@@ -7,7 +7,7 @@
             <template v-slot:default="{ isHovering, props }">
               <v-card class="pa-3 pt-6" height="200" v-bind="props" :class="isHovering ? 'card-opacity' : undefined">
                 <v-img
-                  class="d-inline-block ml-3"
+                  class="d-inline-block ml-3 mb-2"
                   width="35"
                   :src="baseURL + 'images/icons/' + card.icon"
                   :alt="card.title"