refactor(styling): Add Styling to slider

Author: sfxcode

playground/pages/index.vue

@@ -9,7 +9,7 @@
         <div><PrimeDemoToast /></div>
         <div><PrimeDemoDataTable /></div>
       </div>
-      <div class="basis-1/4">
+      <div class="basis-1/3">
         <PrimeDemoForm />
       </div>
     </div>
@@ -19,6 +19,6 @@
 <style scoped>
 
 body {
-  font-size: 14px;
+  font-size: 13px;
 }
 </style>

src/runtime/components/demo/PrimeDemoForm.vue

@@ -85,6 +85,7 @@ const schema = reactive(
       $formkit: 'primeSlider',
       name: 'slider',
       label: 'Max messages',
+      style: 'width: 200px;margin-top: 6px;margin-bottom: 4px',
       min: 5,
       step: 5,
       value: 10