creativetimofficial / vuetify-material-dashboard

Vuetify Material Dashboard - Open Source Material Design Admin by Creative Tim

Home Page:https://www.creative-tim.com/product/vuetify-material-dashboard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug] Stylesheet not loading correctly

areindl opened this issue · comments

Version

2.0

Reproduction link

https://demos.creative-tim.com/vuetify-material-dashboard/#/notifications

Operating System

Ubuntu 28.04

Device

Lenovo Thinkbad t480

Browser & Version

Chrome

Steps to reproduce

  1. Clone Repo: git clone git@github.com:creativetimofficial/vuetify-material-dashboard.git
  2. cd vuetify-material-dashboard
  3. npm install
  4. npm run dev

What is expected?

Loaded stylesheet as seen on admin theme demo site

What is actually happening?

There are slight differences:

  • the little count in the app indication does not have a background
  • buttons are white with text

Expected: no-issue

How it's getting rendered:

issue


Solution

Additional comments

I've the same issue, on windows.

Same here on my windows machine.

  • Node v10.15.3
  • NPM v6.4.1

I got a fix, in router > index.js on line 46 there's Vue.use(Meta), if you comment that line you'll get the styles working correctly, and if you inspect you'll see missing css (a style sheet tag with id "vuetify-theme-stylesheet") that is not available if you keep vue-meta

I got a fix, in router > index.js on line 46 there's Vue.use(Meta), if you comment that line you'll get the styles working correctly, and if you inspect you'll see missing css (a style sheet tag with id "vuetify-theme-stylesheet") that is not available if you keep vue-meta

This was fixed in my pull request: #42