From 297affbe8db2242d82164dbf38abdcd8ca2bda22 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 27 May 2024 18:22:59 +0200
Subject: [PATCH] feat miore objectw

---
 src/boot/defaults/qDrawer.js          |  5 +++++
 src/boot/defaults/qList.js            |  4 ++++
 src/boot/defaults/qScrollArea.js      | 19 +++++++++++++++++++
 src/boot/quasar.defaults.js           |  3 +++
 src/components/LeftMenu.vue           |  2 +-
 src/pages/Claim/ClaimMain.vue         |  2 +-
 src/pages/Customer/CustomerMain.vue   |  2 +-
 src/pages/Dashboard/DashboardMain.vue |  1 +
 8 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 src/boot/defaults/qDrawer.js
 create mode 100644 src/boot/defaults/qList.js
 create mode 100644 src/boot/defaults/qScrollArea.js

diff --git a/src/boot/defaults/qDrawer.js b/src/boot/defaults/qDrawer.js
new file mode 100644
index 000000000..13cde88a5
--- /dev/null
+++ b/src/boot/defaults/qDrawer.js
@@ -0,0 +1,5 @@
+import { QDrawer } from 'quasar';
+import setDefault from './setDefault';
+setDefault(QDrawer, 'showIfAbove', true);
+setDefault(QDrawer, 'side', 'right');
+setDefault(QDrawer, 'width', '256');
diff --git a/src/boot/defaults/qList.js b/src/boot/defaults/qList.js
new file mode 100644
index 000000000..7d95d183e
--- /dev/null
+++ b/src/boot/defaults/qList.js
@@ -0,0 +1,4 @@
+import { QList } from 'quasar';
+import setDefault from './setDefault';
+
+setDefault(QList, 'dense', true);
diff --git a/src/boot/defaults/qScrollArea.js b/src/boot/defaults/qScrollArea.js
new file mode 100644
index 000000000..25c61b649
--- /dev/null
+++ b/src/boot/defaults/qScrollArea.js
@@ -0,0 +1,19 @@
+import { QScrollArea } from 'quasar';
+// QScrollArea.props.visible = {
+//     type: QScrollArea.props.visible,
+//     default: true,
+// };
+// QScrollArea.props.contentStyle = {
+//     type: QScrollArea.props.contentStyle,
+//     default: {
+//         width: '100%',
+//         height: '100%',
+//         borderRadius: '25px',
+//         background: 'red',
+//         opacity: 1,
+//     },
+// };
+// QScrollArea.props.class = {
+//     type: QScrollArea.props.class,
+//     default: ['fit text-grey-8'],
+// };
diff --git a/src/boot/quasar.defaults.js b/src/boot/quasar.defaults.js
index 870be314d..4b327e021 100644
--- a/src/boot/quasar.defaults.js
+++ b/src/boot/quasar.defaults.js
@@ -2,3 +2,6 @@ export * from './defaults/qTable';
 export * from './defaults/qInput';
 export * from './defaults/qSelect';
 export * from './defaults/qBtn';
+export * from './defaults/qDrawer';
+export * from './defaults/qList';
+export * from './defaults/qScrollArea';
diff --git a/src/components/LeftMenu.vue b/src/components/LeftMenu.vue
index 3cccd0d2f..eab781c38 100644
--- a/src/components/LeftMenu.vue
+++ b/src/components/LeftMenu.vue
@@ -117,7 +117,7 @@ const handleItemExpansion = (itemName) => {
 </script>
 
 <template>
-    <QList padding class="column-max-width">
+    <QList padding class="column-max-width" :dense="false">
         <template v-if="$props.source === 'main'">
             <template v-if="$route?.matched[1]?.name === 'Dashboard'">
                 <QItem class="header">
diff --git a/src/pages/Claim/ClaimMain.vue b/src/pages/Claim/ClaimMain.vue
index f0dc2e500..fb72d15c2 100644
--- a/src/pages/Claim/ClaimMain.vue
+++ b/src/pages/Claim/ClaimMain.vue
@@ -6,7 +6,7 @@ const stateStore = useStateStore();
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+    <QDrawer v-model="stateStore.leftDrawer" side="left">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>
diff --git a/src/pages/Customer/CustomerMain.vue b/src/pages/Customer/CustomerMain.vue
index f0dc2e500..fb72d15c2 100644
--- a/src/pages/Customer/CustomerMain.vue
+++ b/src/pages/Customer/CustomerMain.vue
@@ -6,7 +6,7 @@ const stateStore = useStateStore();
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+    <QDrawer v-model="stateStore.leftDrawer" side="left">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>
diff --git a/src/pages/Dashboard/DashboardMain.vue b/src/pages/Dashboard/DashboardMain.vue
index 6da39ce25..e1e7b39ee 100644
--- a/src/pages/Dashboard/DashboardMain.vue
+++ b/src/pages/Dashboard/DashboardMain.vue
@@ -20,6 +20,7 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
         show-if-above
         :width="256"
         :breakpoint="1000"
+        side="left"
     >
         <QScrollArea class="fit">
             <LeftMenu />