From 0b53066e29eeade5d4fccf6c69039f1ab01a99e7 Mon Sep 17 00:00:00 2001
From: Sebastian Krupinski <krupinski01@gmail.com>
Date: Thu, 9 Jul 2026 21:20:30 -0400
Subject: [PATCH] fix(themer): use shell page scrolling

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
---
 src/views/ThemerAdminPage.vue     | 6 ++----
 src/views/ThemerCustomizePage.vue | 6 ++----
 src/views/ThemerSettingsPage.vue  | 6 ++----
 3 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/views/ThemerAdminPage.vue b/src/views/ThemerAdminPage.vue
index 260c1a9..a87c56c 100644
--- a/src/views/ThemerAdminPage.vue
+++ b/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>
diff --git a/src/views/ThemerCustomizePage.vue b/src/views/ThemerCustomizePage.vue
index d6a4658..2ae40ba 100644
--- a/src/views/ThemerCustomizePage.vue
+++ b/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>
diff --git a/src/views/ThemerSettingsPage.vue b/src/views/ThemerSettingsPage.vue
index 856e0dd..e8153ce 100644
--- a/src/views/ThemerSettingsPage.vue
+++ b/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>