fix(admin-ui): Fix layout issues with asset picker dialog

Fixes #2898
vendure-ecommerce · Jun 14, 2024 · 996710c · 996710c
1 parent 33780ce
commit 996710c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/...es/admin-ui/src/lib/core/src/shared/components/asset-gallery/asset-gallery.component.scss b/...es/admin-ui/src/lib/core/src/shared/components/asset-gallery/asset-gallery.component.scss
@@ -13,7 +13,6 @@
     flex: 1;
     display: grid;
     grid-template-columns: repeat(auto-fill, 150px);
-    grid-template-rows: repeat(auto-fill, 180px);
     grid-gap: 10px 20px;
 
     .card:hover {
@@ -52,16 +51,14 @@ vdr-select-toggle {
 
 .detail {
     display: flex;
-    align-items: center;
+    align-items: normal;
     gap: 4px;
+    min-height: 24px;
     font-size: 12px;
     margin: 3px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
-    vdr-entity-info {
-        height: 16px;
-    }
 }
 
 .info-bar {

diff --git a/...src/lib/core/src/shared/components/asset-picker-dialog/asset-picker-dialog.component.scss b/...src/lib/core/src/shared/components/asset-picker-dialog/asset-picker-dialog.component.scss
@@ -18,6 +18,8 @@ vdr-asset-gallery {
 
 .paging-controls {
     padding-top: 6px;
+    margin-top: 12px;
+    margin-bottom: 12px;
     border-top: 1px solid var(--color-component-border-100);
     display: flex;
     justify-content: space-between;