[5.x] Fix rounded corners in asset fields (#10624)

statamic · Aug 13, 2024 · 80b9e93 · 80b9e93
1 parent 3b69981
commit 80b9e93
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
@@ -59,6 +59,10 @@
 
 }
 
+.assets-fieldtype-picker + .asset-table-listing {
+    @apply rounded-t-none;
+}
+
 .asset-listing .actions {
     margin-bottom: 15px;
     display: flex;

diff --git a/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue b/resources/js/components/fieldtypes/assets/AssetsFieldtype.vue
@@ -67,7 +67,7 @@
                         :animate="false"
                         append-to="body"
                     >
-                        <div class="asset-grid-listing border dark:border-dark-900 rounded overflow-hidden rounded-t-none" ref="assets">
+                        <div class="asset-grid-listing border dark:border-dark-900 rounded overflow-hidden" :class="{ 'rounded-t-none': !isReadOnly && (showPicker || uploads.length) }" ref="assets">
                             <asset-tile
                                 v-for="asset in assets"
                                 :key="asset.id"