Do not hide features of UI behind overlay

dashboard/src/components/Section.vue

@@ -6,16 +6,12 @@ defineProps({
     type: Boolean,
     default: true,
   },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
 });
 
 </script>
 
 <template>
-  <div class="section" :class="{ 'section-extra-padding': padding }" :disabled="disabled || null">
+  <div class="section" :class="{ 'section-extra-padding': padding }">
     <h2 class="section-header">
       <slot name="header-title">{{ title }}</slot>
       <div><slot name="header-buttons"></slot></div>
@@ -24,9 +20,6 @@ defineProps({
     <div class="section-body">
       <slot></slot>
     </div>
-    <div class="section-overlay">
-      <slot name="overlay"></slot>
-    </div>
   </div>
 </template>
 
@@ -80,24 +73,4 @@ defineProps({
   padding-right: 25px;
 }
 
-.section-overlay {
-  display: none;
-}
-
-.section[disabled] .section-overlay {
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  transition: all 200ms;
-  opacity: 0;
-}
-
-.section[disabled] .section-overlay:hover {
-  opacity: 1;
-  backdrop-filter: blur(1.5px);
-}
-
 </style>