fix(themer): use shell page scrolling

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>

src/views/ThemerAdminPage.vue

@@ -22,10 +22,8 @@ function selectPreset(id: string): void {
 </script>
 
 <template>
-  <PerfectScrollbar
+  <div
     class="pa-4"
-    style="height: calc(100vh - 64px);"
-    :options="{ wheelPropagation: false }"
   >
     <h5 class="text-h5 mb-4">{{ t('admin.title', 'Appearance') }}</h5>
 
@@ -89,5 +87,5 @@ function selectPreset(id: string): void {
         </VCol>
       </VRow>
     </template>
-  </PerfectScrollbar>
+  </div>
 </template>

src/views/ThemerCustomizePage.vue

@@ -71,10 +71,8 @@ function cancel(): void {
 </script>
 
 <template>
-  <PerfectScrollbar
+  <div
     class="pa-4"
-    style="height: calc(100vh - 64px);"
-    :options="{ wheelPropagation: false }"
   >
     <div class="d-flex align-center mb-4">
       <VBtn icon="mdi-arrow-left" variant="text" size="small" class="mr-2" @click="cancel" />
@@ -155,5 +153,5 @@ function cancel(): void {
         <ThemePreview :theme-name="previewThemeName" />
       </VCol>
     </VRow>
-  </PerfectScrollbar>
+  </div>
 </template>

src/views/ThemerSettingsPage.vue

@@ -33,10 +33,8 @@ function openEditor(): void {
 </script>
 
 <template>
-  <PerfectScrollbar
+  <div
     class="pa-4"
-    style="height: calc(100vh - 64px);"
-    :options="{ wheelPropagation: false }"
   >
     <h5 class="text-h5 mb-4">{{ t('settings.title', 'Appearance') }}</h5>
 
@@ -127,5 +125,5 @@ function openEditor(): void {
         />
       </VCol>
     </VRow>
-  </PerfectScrollbar>
+  </div>
 </template>