vuetify-material-dashboard icon indicating copy to clipboard operation
vuetify-material-dashboard copied to clipboard

Published 20 hours ago • verified publisher icon creativetimofficial

[Bug] Stylesheet not loading correctly

Open areindl opened this issue 6 years ago • 4 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 [email protected]: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

areindl avatar Oct 04 '19 12:10 areindl

I've the same issue, on windows.

rafael-perini avatar Oct 10 '19 21:10 rafael-perini

Same here on my windows machine.

  • Node v10.15.3
  • NPM v6.4.1

ade21 avatar Oct 11 '19 08:10 ade21

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

Tarek-Solaiman avatar Oct 27 '19 14:10 Tarek-Solaiman

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: https://github.com/creativetimofficial/vuetify-material-dashboard/pull/42

MrJmpl3 avatar Oct 27 '19 23:10 MrJmpl3