Avoid fixed heights

WordPress · Oct 17, 2023 · a14c48d · a14c48d
1 parent 115cacd
commit a14c48d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/packages/edit-site/src/components/dataviews/style.scss b/packages/edit-site/src/components/dataviews/style.scss
@@ -37,11 +37,10 @@
 
 .dataviews-view-grid__media {
 	width: 100%;
-	height: 200px;
+	min-height: 200px;
 
 	> * {
-		width: 100%;
-		height: 100%;
+		max-width: 100%;
 		object-fit: cover;
 	}
 }
diff --git a/packages/edit-site/src/components/dataviews/view-grid.js b/packages/edit-site/src/components/dataviews/view-grid.js
@@ -24,7 +24,7 @@ export function ViewGrid( { data, fields, view, actions } ) {
 			field.id !== view.layout.mediaField
 	);
 	return (
-		<Grid gap={ 6 } columns={ 2 }>
+		<Grid gap={ 8 } columns={ 2 } alignment="top">
 			{ data.map( ( item, index ) => {
 				return (
 					<VStack key={ index }>

diff --git a/packages/edit-site/src/components/page-pages/index.js b/packages/edit-site/src/components/page-pages/index.js
@@ -97,7 +97,7 @@ export default function PagePages() {
 							size={
 								currentView.type === 'list'
 									? [ 'thumbnail', 'medium', 'large', 'full' ]
-									: [ 'large', 'medium', 'full', 'thumbnail' ]
+									: [ 'large', 'full', 'medium', 'thumbnail' ]
 							}
 						/>
 					) : null,