Merge pull request #56 from Muetze42/development

feat: add component class for more style flexibility
Muetze42 · Nov 26, 2024 · 62fc758 · 62fc758
2 parents 41c1e59 + 5d88805
commit 62fc758
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 7 deletions.
diff --git a/dist/js/tool.js b/dist/js/tool.js
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -1,3 +1,3 @@
 {
-    "/js/tool.js": "/js/tool.js?id=6d2963b95b1029c41300eba98761f83a"
+    "/js/tool.js": "/js/tool.js?id=4ce4abf1d3f887e7bcd9c3fe22bf9a74"
 }
diff --git a/resources/js/components/MenuGroup.vue b/resources/js/components/MenuGroup.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="item.items.length > 0" :class="item.classes.filterClass">
+  <div v-if="item.items.length > 0" :class="item.classes.filterClass" class="menu-group">
     <h4 @click.prevent="handleClick" class="flex items-center px-1 py-1 rounded text-left text-gray-500" :class="[{
       'cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-800':
         displayAsButton,
@@ -31,7 +31,7 @@
 </template>
 
 <script>
-import Collapsable from './../../../vendor/laravel/nova/resources/js/mixins/Collapsable.js'
+import Collapsable from './../../../../vendor/laravel/nova/resources/js/mixins/Collapsable.js'
 
 export default {
   mixins: [Collapsable],

diff --git a/resources/js/components/MenuIcon.vue b/resources/js/components/MenuIcon.vue
@@ -5,6 +5,7 @@
     :height="icons.height"
     :width="icons.height"
     :class="icons.classes.icon"
+    class="sidebar-hero-icon"
   />
   <i
     class="sidebar-fa-icon"
@@ -24,6 +25,7 @@
     alt="Icon"
     :class="icons.classes.icon"
     :style="{maxHeight: icons.height + 'px'}"
+    class="sidebar-image-icon"
   />
 </template>
 

diff --git a/resources/js/components/MenuItem.vue b/resources/js/components/MenuItem.vue
@@ -3,7 +3,7 @@
     <component
       :is="component"
       v-bind="linkAttributes"
-      class="w-full flex min-h-8 px-1 py-1 rounded text-left text-gray-500 dark:text-gray-500 focus:outline-none focus:ring focus:ring-primary-200 dark:focus:ring-gray-600 cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-800"
+      class="menu-item w-full flex min-h-8 px-1 py-1 rounded text-left text-gray-500 dark:text-gray-500 focus:outline-none focus:ring focus:ring-primary-200 dark:focus:ring-gray-600 cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-800"
       :data-active-link="item.active"
       v-tooltip.click="item.tooltip"
       :class="[{

diff --git a/resources/js/components/MenuSection.vue b/resources/js/components/MenuSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative" v-if="item.path || item.items.length > 0" :class="item.classes.filterClass">
+  <div class="menu-section relative" v-if="item.path || item.items.length > 0" :class="item.classes.filterClass">
     <component :is="component" :href="item.path ?? null" @click.prevent="handleClick"
       :tabindex="displayAsButton ? 0 : null"
       class="w-full flex items-start px-1 py-1 rounded text-left text-gray-500 dark:text-gray-500 focus:outline-none focus:ring focus:ring-primary-200 dark:focus:ring-gray-600"
@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import Collapsable from './../../../vendor/laravel/nova/resources/js/mixins/Collapsable.js'
+import Collapsable from './../../../../vendor/laravel/nova/resources/js/mixins/Collapsable.js'
 import { mapGetters, mapMutations } from 'vuex'
 
 export default {