vikdiesel / admin-one-vue-bulma-dashboard

Free Vue.js Bulma Buefy Admin Dashboard Template. Vite & Vue CLI supported

Free admin dashboard templates 🎉

Tailwindcss Vue.js 3 dashboard

• admin-one-vue-tailwind - Free Tailwind Vue.js 3 Composition API admin dashboard with dark mode. Vite builds.

Tailwindcss React TypeScript dashboard

• admin-one-react-tailwind - Free Tailwind React TypeScript admin dashboard with dark mode. Next.js builds.

Tailwindcss Vue.js 3 Laravel 9.x Inertia dashboard

• admin-one-vue-tailwind/.laravel-guide - Free Tailwind Vue.js 3 Composition API admin dashboard with dark mode for Laravel Breeze Inertia + Vue stack.

Tailwindcss HTML dashboard

• admin-one-tailwind - Free Tailwind vanilla HTML dashboard template

Bulma Vue.js 2.7 Buefy dashboard

• admin-one-vue-bulma-dashboard - Free Bulma Vue.js 2.7 Buefy dashboard template. Vite and Vue CLI

Bulma Laravel Jetstream Inertia Vue dashboard

• admin-one-laravel-dashboard - Free Laravel 9.x Jetstream Inertia Bulma Vue.js 2.7 Buefy SPA dashboard template

Bulma HTML/SCSS dashboard

• admin-one-bulma-dashboard - Free Bulma vanilla HTML SCSS dashboard template

admin-one-vue-bulma-dashboard's Issues

How to make the sidebar open by default?

We've messed around with this a bit, but can't seem to come to a good solution. Currently we just execute the toggle function when the app opens, but on slower computers this results in you seeing the sidebar animate open. Is there a simple config parameter we've missed somewhere that would allow us to set the sidebar to be open by default?

Thanks Viktor! We've been loving the dashboard thus far-- you did a great job! Please let me know if you have a preferred channel for requests like this (other than GitHub issues).

Strange modal-card-head/foot border animation during modal opening

When a modal is launched you can see a strange border modal-card-head and foot that at the end of the animation disappear, leaving head and foot without any border bottom/top.

If you look at the default modal on Buefy, there's no strange border animation and the two border are always shown.
I think it looks nicer an consistent on the default buefy component.

Thanks.

Icons seem out of alignment?

This gif probably displays it best. Toggling between the free version and the paid version, it becomes apparent that the icons/text seem to not line up? It happens anywhere that there are icons, regardless of text, but in the AsideMenu it seems that the text is also vertically off center.

Not lining up on paid version:

Lining up on free version:

Been loving it so far! Very nice and clean.

Missing mixins

Just purchased the html version and seem to be getting an error on missing mixins for the nav bar.

It seems that touch and desktop mixins are not present in the mixins file.

Am I missing something where these should be generated somewhere else?

Login view shows unnecessary components

https://admin-one-vue-cli.justboil.me/#/login

When i press f5, i see a fraction of second - menu, footer, navbar

Mobile Aside menu requires 2 clicks to navigate

When navigating using the mobile aside menu on an actual device (emulating mobile on browsers did not have this issue) it takes two clicks(taps) to navigate to the desired page.

Shown below is after initial open of the sidebar the active link is highlighted as expected.

Then after the first press the second menu item is also highlighted but nothing is navigated to and the aside menu remains open. Sometimes you can get around it by holding the menu item down for a second or pressing a bit harder, but on a quick tap it does not navigate.

not sure if this is intentional or if there is an easy way around this, but I didn't see anything that should be blocking the ui from navigating on the first press so I was hoping you would be able to help figure this out.

Collapsible Menu

Hi..
Does the free version come with a collapsible menu? What else is missing from the free version?

Thanks

vue.config.js assetsDir

Hi,
I'm trying to integrate this template to an existing project but I'm stuck on the paths for the public folder. Seems I've some trouble setting up the vue.config.js and I'm getting the following error during the "npm run build":

ValidationError: Invalid options object. Mini CSS Extract Plugin has been initialized using an options object that does not match the API schema.

My vue.config.js content:

module.exports = {
  outputDir: '../../public/',
  assetsDir: '/media/panel',
  publicPath: process.env.DEPLOY_ENV === 'GH_PAGES'
    ? '/admin-one-vue-bulma-dashboard/'
    : '/panel',
  indexPath: './panel'
}

Standard MVC structure:

- App
  - Model
  - View
  - Controller
  - Panel (where the Template live)
- Public
  - media
    - panel (where the template front end assets live)
  - index.php (I've created a route '/panel' where the content of the "dist/index.html" should be loaded)
  - .htaccess

Any clue on what I'm doing wrong would be greatly appreciated. Shall I use a most recent template like admin-one-vue-tailwind ?

Thanks in advance

Progress bar in table not centered on mobile

Awesome dashboard! By the time you read this I'll have already bought my copy, but I figured I'd point it out anyway:

Problem manifests on my iPhone X in both Safari and Chrome, and on my MacBook Pro when the screen width is small.

Template Slot Label not working

  <b-field horizontal :type="userData.first_name.class" :message="userData.first_name.message">
       <template slot="label">First Name <span class="has-text-danger">*</span></template>
           <b-input
                  v-model="userData.first_name"
                  icon="pencil"
                  placeholder="First Name"
                  name="first_name"
                  maxlength="50"
                />
   </b-field>