Fix AddImagesModal images grid and accordions layout

src/components/project/ClientBrief/AddImagesModal.vue

@@ -23,7 +23,9 @@
         data-side="right"
         style="--sidebar-width: 26rem; gap: var(--gap)"
       >
+        <div class="bg-grey-50 | rounded-2xl | p-8 | overflow-y">
           <component :is="activeTab.component" :params="activeTab.params" />
+        </div>
         <ImagesEditPanel :images="images" />
       </div>
     </div>
@@ -136,6 +138,10 @@ const activeTab = ref(tabs[0]);
   width: 1.5rem;
   height: 1.5rem;
 }
+#add-images .image img {
+  height: 100%;
+  width: 100%;
+}
 
 .with-sidebar[data-side="right"] > * {
   height: 100%;

src/components/project/ClientBrief/ImagesEditPanel.vue

@@ -4,7 +4,7 @@
   >
     <Accordion
       value="0"
-      class="flex flex-col"
+      class="flex flex-col | w-full"
       style="--row-gap: var(--space-8)"
     >
       <AccordionPanel

src/components/project/ClientBrief/ImagesResources.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="auto-grid | bg-grey-50 | border border-grey-200 | rounded-2xl | w-full | p-8"
+    class="auto-grid"
     style="--min: 15rem; --gap: 0.5rem"
   >
     <figure v-for="image in images" class="image">

src/components/project/ClientBrief/MyImages.vue

@@ -1,7 +1,4 @@
 <template>
-  <div
-    class="bg-grey-50 | border border-grey-200 | rounded-2xl | p-8 | overflow-y"
-  >
   <div class="auto-grid" style="--min: 15rem; --gap: 0.5rem">
     <FileUpload
       mode="basic"
@@ -49,7 +46,6 @@
     </figure>
     <Toast />
   </div>
-  </div>
 </template>
 
 <script setup>