Remove some container focus states

Author: jaygeorge

resources/js/components/fields/Settings.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="h-full overflow-auto bg-white dark:bg-gray-800 p-3 rounded-l-xl">
+    <div class="h-full overflow-auto bg-white dark:bg-gray-800 focus-none p-3 rounded-l-xl">
         <div v-if="loading" class="absolute inset-0 z-200 flex items-center justify-center text-center">
             <Icon name="loading" />
         </div>

resources/js/components/ui/Panel/Panel.vue

@@ -11,7 +11,7 @@ const props = defineProps({
     <div
         :class="[
             'relative bg-gray-200/50 dark:bg-gray-950 dark:inset-shadow-2xs dark:inset-shadow-black',
-            'w-full rounded-2xl mb-5 p-1.5 [&:has([data-ui-panel-header])]:pt-0',
+            'w-full rounded-2xl mb-5 p-1.5 [&:has([data-ui-panel-header])]:pt-0 focus-none',
         ]"
         data-ui-panel
     >