Refactor on PrimeFlex

engineering-steinegger · Jul 17, 2021 · 8d412cf · 8d412cf
1 parent d31b23c
commit 8d412cf
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 4 deletions.
diff --git a/src/assets/menu/menu.json b/src/assets/menu/menu.json
@@ -99,7 +99,7 @@
             ]
         },
         {
-            "name": "PrimeFlex",
+            "name": "PrimeFlex 2.0",
             "meta": ["primeflex"],
             "children": [
                 {

diff --git a/src/views/dataview/DataViewDoc.vue b/src/views/dataview/DataViewDoc.vue
@@ -444,7 +444,7 @@ export default {
         </div>
 
 		<h5>Dependencies</h5>
-		<p>None.</p>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>
 

diff --git a/src/views/display/DisplayDoc.vue b/src/views/display/DisplayDoc.vue
@@ -38,6 +38,9 @@
 
         <h5>Customization</h5>
         <p>A custom build with different values can be obtained from <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> using the _variables.scss file.</p>
+
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>
 

diff --git a/src/views/elevation/ElevationDoc.vue b/src/views/elevation/ElevationDoc.vue
@@ -14,6 +14,9 @@
 &lt;div class="p-shadow-24" /&gt;
 
 </code></pre>
+
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
 	</AppDoc>
 </template>
 

diff --git a/src/views/flexbox/FlexBoxDemo.vue b/src/views/flexbox/FlexBoxDemo.vue
@@ -534,6 +534,9 @@
                 <div>Item 1</div>
                 <div class="p-mt-auto">Item 2</div>
             </div>
+
+            <h5>Dependencies</h5>
+            <p>PrimeFlex 2.0.0.</p>
         </div>
     </div>
 </template>

diff --git a/src/views/primeflex/PrimeFlexSetup.vue b/src/views/primeflex/PrimeFlexSetup.vue
@@ -1,15 +1,15 @@
 <template>
     <div>
         <div class="content-section documentation">
-            <h1>PrimeFlex</h1>
+            <h1>PrimeFlex (v2.0.0)</h1>
             <p>PrimeFlex is a CSS utility library featuring various helpers such as a grid system, flexbox, spacing, elevation and more. Although it is not required, it is highly
                 recommended to add PrimeFlex as it is likely to need such utilities when developing applications with PrimeVue.</p>
 
             <h5>Download</h5>
             <p>PrimeFlex is available at <a href="https://www.npmjs.com/package/primeflex">npm</a>, if you have an existing application run the following commands to install it.</p>
 
 <pre v-code.script><code>
-npm install primeflex --save
+npm install primeflex@2.0.0 --save
 
 </code></pre>
 

diff --git a/src/views/spacing/SpacingDoc.vue b/src/views/spacing/SpacingDoc.vue
@@ -60,6 +60,9 @@
 
         <h5>Customization</h5>
         <p>A custom build with different values can be obtained from <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> using the _variables.scss file.</p>
+
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>
 

diff --git a/src/views/text/TextDoc.vue b/src/views/text/TextDoc.vue
@@ -62,6 +62,12 @@
 &lt;div class="p-text-italic"&gt;Italic&lt;/div&gt;
 </template>
 </code></pre>
+
+        <h5>Customization</h5>
+        <p>A custom build with different values can be obtained from <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> using the _variables.scss file.</p>
+
+        <h5>Dependencies</h5>
+        <p>PrimeFlex 2.0.0.</p>
     </AppDoc>
 </template>