Fix #196 Reimplement placed feature preview

src/app/components/previews/BiomeSourcePreview.tsx

@@ -74,7 +74,7 @@ export const BiomeSourcePreview = ({ model, data, shown, version }: PreviewProps
 	}
 
 	return <>
-		<div class="controls">
+		<div class="controls preview-controls">
 			{focused && <Btn label={focused} class="no-pointer" />}
 			{type === 'multi_noise' &&
 				<BtnMenu icon="stack" tooltip={locale('configure_layers')}>

src/app/components/previews/DecoratorPreview.tsx

@@ -28,7 +28,7 @@ export const DecoratorPreview = ({ data, version, shown }: PreviewProps) => {
 	}, [state, scale, seed, shown])
 
 	return <>
-		<div class="controls">
+		<div class="controls preview-controls">
 			<Btn icon="dash" tooltip={locale('zoom_out')}
 				onClick={() => setScale(Math.min(16, scale + 1))} />
 			<Btn icon="plus" tooltip={locale('zoom_in')}

src/app/components/previews/NoisePreview.tsx

@@ -41,7 +41,7 @@ export const NoisePreview = ({ data, shown, version }: PreviewProps) => {
 	}
 
 	return <>
-		<div class="controls">
+		<div class="controls preview-controls">
 			<Btn icon="dash" tooltip={locale('zoom_out')}
 				onClick={() => changeScale(scale * 1.5)} />
 			<Btn icon="plus" tooltip={locale('zoom_in')}

src/app/components/previews/NoiseSettingsPreview.tsx

@@ -45,7 +45,7 @@ export const NoiseSettingsPreview = ({ data, shown, version }: PreviewProps) =>
 	}, [state, seed, shown])
 
 	return <>
-		<div class="controls">
+		<div class="controls preview-controls">
 			{focused && <Btn label={`Y = ${focused}`} class="no-pointer" />}
 			{checkVersion(version, undefined, '1.17') &&
 				<BtnMenu icon="gear" tooltip={locale('terrain_settings')}>