v1.3.0

* Bulma 0.9.x
* Package updates
* Minor style updates

Author: vikdiesel

README.md

@@ -1,11 +1,11 @@
 # [Admin Null — free Vue Bulma dashboard with dark mode](https://justboil.me/bulma-admin-template/null)
 
-[![version](https://img.shields.io/badge/version-1.2.0-blue.svg)](https://justboil.me/bulma-admin-template/null)  [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://justboil.me/bulma-admin-template/null)
+[![version](https://img.shields.io/badge/version-1.3.0-blue.svg)](https://justboil.me/bulma-admin-template/null)  [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://justboil.me/bulma-admin-template/null)
 
 [![Vue.js Bulma free admin dashboard](https://justboil.me/images/null/repository-preview-hi-res.png)](https://vikdiesel.github.io/admin-null-vue-bulma-dashboard/)
 
-**Admin Null** is simple, beautiful and free Vue.js Bulma Admin Dashboard.
-
+**Admin Null** is simple, beautiful and free Vue.js Bulma Buefy admin dashboard.
+s
 * Free under MIT License
 * PWA/SPA — Single page app
 * Built with Bulma, Buefy, Vue & Vue CLI
@@ -78,7 +78,7 @@ JustBoil's free items are limited to community support on GitHub.
 
 The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed.
 
-1. Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant
+1. Make sure you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant
 2. Provide steps to reproduce
 3. Provide an expected behavior
 4. Describe what is actually happening 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "admin-null-vue-bulma-dashboard",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -11,37 +11,37 @@
   },
   "dependencies": {
     "axios": "^0.19.2",
-    "buefy": "^0.8.18",
-    "bulma": "^0.7.5",
+    "buefy": "^0.8.20",
+    "bulma": "^0.9.0",
     "chart.js": "^2.9.3",
     "core-js": "^3.6.5",
-    "dayjs": "^1.8.26",
+    "dayjs": "^1.8.28",
     "lodash": "^4.17.15",
     "numeral": "^2.0.6",
     "register-service-worker": "^1.7.1",
     "vue": "^2.6.11",
     "vue-chartjs": "^3.5.0",
-    "vue-router": "^3.1.6",
+    "vue-router": "^3.3.2",
     "vuex": "^3.4.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.3.0",
-    "@vue/cli-plugin-eslint": "~4.3.0",
-    "@vue/cli-plugin-pwa": "~4.3.0",
-    "@vue/cli-plugin-router": "~4.3.0",
-    "@vue/cli-plugin-vuex": "~4.3.0",
-    "@vue/cli-service": "~4.3.0",
+    "@vue/cli-plugin-babel": "~4.4.1",
+    "@vue/cli-plugin-eslint": "~4.4.1",
+    "@vue/cli-plugin-pwa": "~4.4.1",
+    "@vue/cli-plugin-router": "~4.4.1",
+    "@vue/cli-plugin-vuex": "~4.4.1",
+    "@vue/cli-service": "~4.4.1",
     "@vue/eslint-config-standard": "^5.1.2",
     "babel-eslint": "^10.1.0",
     "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-plugin-import": "^2.20.2",
+    "eslint": "^7.2.0",
+    "eslint-plugin-import": "^2.21.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
     "eslint-plugin-vue": "^6.2.2",
-    "gh-pages": "^2.2.0",
-    "sass": "^1.26.5",
+    "gh-pages": "^3.0.0",
+    "sass": "^1.26.8",
     "sass-loader": "^8.0.2",
     "vue-template-compiler": "^2.6.11"
   },

package.json

@@ -5,7 +5,7 @@
         <div class="level-left">
           <div class="level-item">
             <div class="footer-copyright">
-              <b>&copy; {{ year }}, JustBoil.me</b> &mdash; Admin Null demo <span class="tag">v1.2.0</span>
+              <b>&copy; {{ year }}, JustBoil.me</b> &mdash; Admin Null demo <span class="tag">v1.3.0</span>
             </div>
           </div>
         </div>

src/components/FooterBar.vue

@@ -4,7 +4,7 @@
       <a class="navbar-item is-hidden-desktop" @click.prevent="menuToggleMobile">
         <b-icon :icon="menuToggleMobileIcon"/>
       </a>
-      <div class="navbar-item no-left-space-touch">
+      <div class="navbar-item has-control no-left-space-touch">
         <div class="control">
           <input class="input" placeholder="Search everywhere...">
         </div>

src/components/NavBar.vue

@@ -61,6 +61,11 @@ nav.navbar {
       &.no-left-space-touch {
         padding-left: 0;
       }
+
+      &.has-control {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
     }
 
     .navbar-menu {
@@ -110,6 +115,7 @@ nav.navbar {
           margin-right: $default-padding * .5;
         }
       }
+
       &.is-desktop-icon-only {
         span:not(.icon) {
           display: none;

src/scss/_nav-bar.scss

@@ -5,8 +5,23 @@ table.table {
     }
   }
 
+  td, th {
+    &.checkbox-cell {
+      .b-checkbox.checkbox:not(.button) {
+        margin-right: 0;
+        width: 20px;
+
+        .control-label {
+          display: none;
+          padding: 0;
+        }
+      }
+    }
+  }
+
   td {
     .image {
+      margin: 0 auto;
       width: $table-avatar-size;
       height: $table-avatar-size;
     }
@@ -17,13 +32,13 @@ table.table {
     }
   }
 
-  tr {
+  /*tr {
     td.is-image-cell:first-child {
       .image {
         margin: 0 auto;
       }
     }
-  }
+  }*/
 }
 
 .b-table {