fix(docs): QVirtualScroll example with QScrollArea -> style props -> do not use "right" directly, but through horizontal/vertical-offset props #17597

Author: rstoenescu

docs/src/examples/QVirtualScroll/ScrollArea.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="q-ma-md">
     <q-scroll-area
+      :horizontal-offset="[0, 3]"
       :thumb-style="thumbStyle"
       :bar-style="barStyle"
       style="height: 200px"
@@ -44,23 +45,17 @@ export default {
       heavyList,
 
       thumbStyle: {
-        right: '5px',
         borderRadius: '8px',
         backgroundColor: '#027be3',
         width: '8px',
         opacity: 0.75
       },
 
       barStyle: {
-        right: '2px',
         borderRadius: '14px',
         backgroundColor: '#027be3',
         width: '14px',
-        opacity: 0.2,
-        marginTop: '-3px',
-        marginBottom: '-3px',
-        paddingTop: '3px',
-        paddingBottom: '3px'
+        opacity: 0.2
       }
     }
   }