diff --git a/src/assets/styles/app/_responsive.scss b/src/assets/styles/app/_responsive.scss index f3bd7f878..043037aec 100644 --- a/src/assets/styles/app/_responsive.scss +++ b/src/assets/styles/app/_responsive.scss @@ -95,6 +95,21 @@ } } } + + .video-container { + position: relative; + width: 100%; + height: 0; + padding-bottom: 56.25%; + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } } .layout-mask { diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue index 922c73e7a..49c314e63 100755 --- a/src/views/setup/Setup.vue +++ b/src/views/setup/Setup.vue @@ -6,12 +6,18 @@
PrimeVue is a rich set of open source native components for Vue.
+Watch the video tutorial that goes through the steps documented on this guide.
+PrimeVue is available at npm, if you have an existing application run the following commands to download PrimeVue and PrimeIcons to your project.
-npm install primevue@^3.1.0 --save
+npm install primevue@^3.1.1 --save
npm install primeicons --save