Restore Platform.isWeb condition

Author: ellatrix

packages/block-library/src/gallery/edit.js

@@ -60,7 +60,7 @@ import {
 import useImageSizes from './use-image-sizes';
 import useGetNewImages from './use-get-new-images';
 import useGetMedia from './use-get-media';
-import useGapStyles from './gap-styles';
+import GapStyles from './gap-styles';
 
 const MAX_COLUMNS = 8;
 const linkOptions = [
@@ -535,11 +535,6 @@ function GalleryEdit( props ) {
 		...nativeInnerBlockProps,
 	} );
 
-	useGapStyles( {
-		blockGap: attributes.style?.spacing?.blockGap,
-		clientId,
-	} );
-
 	if ( ! hasImages ) {
 		return (
 			<View { ...innerBlocksProps }>
@@ -658,6 +653,10 @@ function GalleryEdit( props ) {
 							addToGallery={ hasImageIds }
 						/>
 					</BlockControls>
+					<GapStyles
+						blockGap={ attributes.style?.spacing?.blockGap }
+						clientId={ clientId }
+					/>
 				</>
 			) }
 			<Gallery

packages/block-library/src/gallery/gap-styles.js

@@ -13,7 +13,7 @@ import { unlock } from '../lock-unlock';
 
 const { useStyleOverride } = unlock( blockEditorPrivateApis );
 
-export default function useGapStyles( { blockGap, clientId } ) {
+export default function GapStyles( { blockGap, clientId } ) {
 	// --gallery-block--gutter-size is deprecated. --wp--style--gallery-gap-default should be used by themes that want to set a default
 	// gap on the gallery.
 	const fallbackValue = `var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) )`;