From 80b9e938a868a885cf1b6e65b1642bb65857b77f Mon Sep 17 00:00:00 2001
From: Philipp Daun <post@philippdaun.net>
Date: Tue, 13 Aug 2024 20:06:32 +0200
Subject: [PATCH] [5.x] Fix rounded corners in asset fields (#10624)

---
 resources/css/components/assets.css                           | 4 ++++
 resources/js/components/fieldtypes/assets/AssetsFieldtype.vue | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index 1203e7e093..458de9a9bf 100644
--- 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
index d1769534b8..1d59e98826 100644
--- 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"