← All changes | src/Agent/components/messages/ImageToolMessage.jsx +4 -6 3.2.0 → 3.2.2 View file →

		@@ -1,10 +1,9 @@
1	1	import { useState } from '@wordpress/element';
2	2	import { __ } from '@wordpress/i18n';
3	3
4	4	const Skipped = () => (
5		- <div className="flex w-full items-start gap-2.5 px-2.5 py-2">
6		- <div className="w-7 shrink-0" />
	5	+ <div className="flex w-full items-start px-2.5 py-2">
7	6	<div className="flex min-w-0 flex-1 flex-col gap-1">
8	7	<div className="flex items-center gap-2 border-l-4 border-l-wp-notice-neutral bg-gray-50 p-3 text-gray-900">
9	8	<div className="text-sm">
10	9	{__('Image selection skipped', 'extendify-local')}
		@@ -14,10 +13,9 @@
14	13	</div>
15	14	);
16	15
17	16	const Failed = () => (
18		- <div className="flex w-full items-start gap-2.5 px-2.5 py-2">
19		- <div className="w-7 shrink-0" />
	17	+ <div className="flex w-full items-start px-2.5 py-2">
20	18	<div className="flex min-w-0 flex-1 flex-col gap-1">
21	19	<div className="flex items-center gap-2 border-l-4 border-l-wp-alert-red bg-wp-notice-error p-3 text-gray-900">
22	20	<div className="text-sm">
23	21	{__("The image couldn't be added", 'extendify-local')}
		@@ -34,9 +32,9 @@
34	32	if (!url) return failed ? <Failed /> : <Skipped />;
35	33
36	34	if (removed) {
37	35	return (
38		- <div className="mb-4 ms-12 me-2 flex h-24 w-24 items-center justify-center rounded-lg border border-gray-300 bg-gray-50 p-2 text-center text-xs text-gray-700">
	36	+ <div className="mb-4 ms-2 me-2 flex h-24 w-24 items-center justify-center rounded-lg border border-gray-300 bg-gray-50 p-2 text-center text-xs text-gray-700">
39	37	{__('Image removed', 'extendify-local')}
40	38	</div>
41	39	);
42	40	}
		@@ -41,9 +39,9 @@
41	39	);
42	40	}
43	41
44	42	return (
45		- <div className="mb-4 ms-12 me-2">
	43	+ <div className="mb-4 ms-2 me-2">
46	44	<img
47	45	className="m-0 h-24 w-auto max-w-full rounded-lg border border-gray-300 object-contain"
48	46	src={url}
49	47	alt={__('Selected image', 'extendify-local')}