fixes part 2

resources/js/components/Others/RenameItemPopup.vue

@@ -23,11 +23,11 @@
                                 :class="{ 'border-red': errors[0] }"
                                 ref="input"
                                 type="text"
-                                class="focus-border-theme input-dark"
+                                class="!pr-10 focus-border-theme input-dark"
                                 :placeholder="$t('popup_rename.placeholder')"
                             />
-                            <div @click="pickedItem.data.attributes.name = ''" class="absolute right-4">
-                                <x-icon class="close-icon hover-text-theme" size="14" />
+                            <div @click="pickedItem.data.attributes.name = ''" class="absolute right-0 p-4 cursor-pointer">
+                                <x-icon class="hover-text-theme" size="14" />
                             </div>
                         </div>
                     </AppInputText>
@@ -172,60 +172,4 @@ export default {
         })
     },
 }
-</script>
-
-<style scoped lang="scss">
-@import '../../../sass/vuefilemanager/inapp-forms';
-@import '../../../sass/vuefilemanager/forms';
-
-.input {
-    position: relative;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-
-    .close-icon-wrapper {
-        width: 22px;
-        height: 22px;
-        position: absolute;
-        cursor: pointer;
-        right: 15px;
-        border-radius: 6px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        &:hover {
-            .close-icon {
-                line {
-                    color: inherit;
-                }
-            }
-        }
-
-        .close-icon {
-            line {
-                color: rgba($text-muted, 0.3);
-            }
-        }
-    }
-}
-
-.dark {
-    .close-icon-wrapper {
-        &:hover {
-            .close-icon {
-                line {
-                    color: inherit !important;
-                }
-            }
-        }
-
-        .close-icon {
-            line {
-                color: rgba($dark_mode_text_primary, 0.3) !important;
-            }
-        }
-    }
-}
-</style>
+</script>

resources/js/components/Others/TreeMenu.vue

@@ -7,7 +7,7 @@
     >
         <div
             :style="indent"
-            class="relative relative flex cursor-pointer select-none items-center whitespace-nowrap py-2 px-1.5 transition-all duration-150"
+            class="relative relative flex cursor-pointer select-none items-center whitespace-nowrap lg:py-2 py-3.5 px-1.5 transition-all duration-150"
         >
             <!--Arrow icon-->
             <span @click.stop="showTree" class="-m-2 p-2">

resources/js/components/Spotlight/Spotlight.vue

@@ -62,7 +62,7 @@
 
             <!--Show tips-->
             <div
-                v-if="isEmptyQuery && !activeFilter && !$isThisRoute($route, ['Public'])"
+                v-if="isEmptyQuery && !activeFilter && !$isThisRoute($route, ['Public']) && isAdmin"
                 class="relative z-50 px-4 pb-4"
             >
                 <CategoryName>
@@ -590,7 +590,7 @@ export default {
             }
 
             // Return commands for logged admin
-            if (this.user.data.attributes.role === 'admin') {
+            if (this.isAdmin) {
                 // Available only for fixed subscription
                 if (this.config.subscriptionType === 'fixed') {
                     adminLocations.push({