Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 7f8ad0f

Browse files
committed
feat: rework image component to simplify and add additional functionality
1 parent 081a128 commit 7f8ad0f

File tree

5 files changed

+111
-243
lines changed

5 files changed

+111
-243
lines changed

‎packages/react-native-web/src/exports/Image/__tests__/__snapshots__/index-test.js.snap‎

Lines changed: 31 additions & 137 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,9 @@ exports[`components/Image prop "accessibilityLabel" 1`] = `
55
aria-label="accessibilityLabel"
66
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
77
>
8-
<div
9-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
10-
style="background-image: url(https://google.com/favicon.ico);"
11-
/>
128
<img
139
alt="accessibilityLabel"
14-
class="css-accessibilityImage-9pa8cd"
10+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
1511
draggable="false"
1612
src="https://google.com/favicon.ico"
1713
/>
@@ -22,15 +18,12 @@ exports[`components/Image prop "blurRadius" 1`] = `
2218
<div
2319
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
2420
>
25-
<div
26-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
27-
style="background-image: url(https://google.com/favicon.ico); filter: blur(5px);"
28-
/>
2921
<img
3022
alt=""
31-
class="css-accessibilityImage-9pa8cd"
23+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
3224
draggable="false"
3325
src="https://google.com/favicon.ico"
26+
style="filter: blur(5px);"
3427
/>
3528
</div>
3629
`;
@@ -40,15 +33,12 @@ exports[`components/Image prop "defaultSource" does not override "height" and "w
4033
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
4134
style="height: 20px; width: 40px;"
4235
>
43-
<div
44-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
45-
style="background-image: url(https://google.com/favicon.ico);"
46-
/>
4736
<img
4837
alt=""
49-
class="css-accessibilityImage-9pa8cd"
38+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
5039
draggable="false"
5140
src="https://google.com/favicon.ico"
41+
style="height: 20px; width: 40px;"
5242
/>
5343
</div>
5444
`;
@@ -58,13 +48,9 @@ exports[`components/Image prop "defaultSource" sets "height" and "width" styles
5848
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
5949
style="height: 10px; width: 20px;"
6050
>
61-
<div
62-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
63-
style="background-image: url(https://google.com/favicon.ico);"
64-
/>
6551
<img
6652
alt=""
67-
class="css-accessibilityImage-9pa8cd"
53+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
6854
draggable="false"
6955
src="https://google.com/favicon.ico"
7056
/>
@@ -75,13 +61,9 @@ exports[`components/Image prop "defaultSource" sets background image when value
7561
<div
7662
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
7763
>
78-
<div
79-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
80-
style="background-image: url(https://google.com/favicon.ico);"
81-
/>
8264
<img
8365
alt=""
84-
class="css-accessibilityImage-9pa8cd"
66+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
8567
draggable="false"
8668
src="https://google.com/favicon.ico"
8769
/>
@@ -92,13 +74,9 @@ exports[`components/Image prop "defaultSource" sets background image when value
9274
<div
9375
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
9476
>
95-
<div
96-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
97-
style="background-image: url(https://google.com/favicon.ico);"
98-
/>
9977
<img
10078
alt=""
101-
class="css-accessibilityImage-9pa8cd"
79+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
10280
draggable="false"
10381
src="https://google.com/favicon.ico"
10482
/>
@@ -109,13 +87,9 @@ exports[`components/Image prop "draggable" 1`] = `
10987
<div
11088
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
11189
>
112-
<div
113-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
114-
style="background-image: url(https://google.com/favicon.ico);"
115-
/>
11690
<img
11791
alt=""
118-
class="css-accessibilityImage-9pa8cd"
92+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
11993
draggable="true"
12094
src="https://google.com/favicon.ico"
12195
/>
@@ -126,95 +100,59 @@ exports[`components/Image prop "focusable" 1`] = `
126100
<div
127101
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
128102
tabindex="0"
129-
>
130-
<div
131-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
132-
/>
133-
</div>
103+
/>
134104
`;
135105

136106
exports[`components/Image prop "nativeID" 1`] = `
137107
<div
138108
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
139109
id="nativeID"
140-
>
141-
<div
142-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
143-
/>
144-
</div>
110+
/>
145111
`;
146112

147113
exports[`components/Image prop "resizeMode" value "contain" 1`] = `
148114
<div
149115
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
150-
>
151-
<div
152-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
153-
/>
154-
</div>
116+
/>
155117
`;
156118

157119
exports[`components/Image prop "resizeMode" value "cover" 1`] = `
158120
<div
159121
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
160-
>
161-
<div
162-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
163-
/>
164-
</div>
122+
/>
165123
`;
166124

167125
exports[`components/Image prop "resizeMode" value "none" 1`] = `
168126
<div
169127
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
170-
>
171-
<div
172-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-p9m3gb r-backgroundRepeat-u6sd8q r-backgroundSize-1sxrcry r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
173-
/>
174-
</div>
128+
/>
175129
`;
176130

177131
exports[`components/Image prop "resizeMode" value "repeat" 1`] = `
178132
<div
179133
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
180-
>
181-
<div
182-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-p9m3gb r-backgroundRepeat-17leim2 r-backgroundSize-1sxrcry r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
183-
/>
184-
</div>
134+
/>
185135
`;
186136

187137
exports[`components/Image prop "resizeMode" value "stretch" 1`] = `
188138
<div
189139
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
190-
>
191-
<div
192-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-x3cy2q r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
193-
/>
194-
</div>
140+
/>
195141
`;
196142

197143
exports[`components/Image prop "resizeMode" value "undefined" 1`] = `
198144
<div
199145
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
200-
>
201-
<div
202-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
203-
/>
204-
</div>
146+
/>
205147
`;
206148

207149
exports[`components/Image prop "source" is correctly updated only when loaded if defaultSource provided 1`] = `
208150
<div
209151
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
210152
>
211-
<div
212-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
213-
style="background-image: url(https://testing.com/preview.jpg);"
214-
/>
215153
<img
216154
alt=""
217-
class="css-accessibilityImage-9pa8cd"
155+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
218156
draggable="false"
219157
src="https://testing.com/preview.jpg"
220158
/>
@@ -225,13 +163,9 @@ exports[`components/Image prop "source" is correctly updated only when loaded if
225163
<div
226164
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
227165
>
228-
<div
229-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
230-
style="background-image: url(https://testing.com/fullSize.jpg);"
231-
/>
232166
<img
233167
alt=""
234-
class="css-accessibilityImage-9pa8cd"
168+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
235169
draggable="false"
236170
src="https://testing.com/fullSize.jpg"
237171
/>
@@ -242,13 +176,9 @@ exports[`components/Image prop "source" is correctly updated when missing in ini
242176
<div
243177
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
244178
>
245-
<div
246-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
247-
style="background-image: url(https://testing.com/img.jpg);"
248-
/>
249179
<img
250180
alt=""
251-
class="css-accessibilityImage-9pa8cd"
181+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
252182
draggable="false"
253183
src="https://testing.com/img.jpg"
254184
/>
@@ -259,13 +189,9 @@ exports[`components/Image prop "source" is not set immediately if the image has
259189
<div
260190
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
261191
>
262-
<div
263-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
264-
style="background-image: url(https://google.com/favicon.ico);"
265-
/>
266192
<img
267193
alt=""
268-
class="css-accessibilityImage-9pa8cd"
194+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
269195
draggable="false"
270196
src="https://google.com/favicon.ico"
271197
/>
@@ -276,13 +202,9 @@ exports[`components/Image prop "source" is set immediately if the image has alre
276202
<div
277203
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
278204
>
279-
<div
280-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
281-
style="background-image: url(https://google.com/favicon.ico);"
282-
/>
283205
<img
284206
alt=""
285-
class="css-accessibilityImage-9pa8cd"
207+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
286208
draggable="false"
287209
src="https://google.com/favicon.ico"
288210
/>
@@ -293,13 +215,9 @@ exports[`components/Image prop "source" is set immediately if the image has alre
293215
<div
294216
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
295217
>
296-
<div
297-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
298-
style="background-image: url(https://twitter.com/favicon.ico);"
299-
/>
300218
<img
301219
alt=""
302-
class="css-accessibilityImage-9pa8cd"
220+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
303221
draggable="false"
304222
src="https://twitter.com/favicon.ico"
305223
/>
@@ -310,13 +228,9 @@ exports[`components/Image prop "source" is set immediately if the image was prel
310228
<div
311229
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
312230
>
313-
<div
314-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
315-
style="background-image: url(https://yahoo.com/favicon.ico);"
316-
/>
317231
<img
318232
alt=""
319-
class="css-accessibilityImage-9pa8cd"
233+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
320234
draggable="false"
321235
src="https://yahoo.com/favicon.ico"
322236
/>
@@ -327,16 +241,12 @@ exports[`components/Image prop "style" removes other unsupported View styles 1`]
327241
<div
328242
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
329243
>
330-
<div
331-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
332-
style="filter: url(#tint-57);"
333-
/>
334244
<svg
335245
style="position: absolute; height: 0px; visibility: hidden; width: 0px;"
336246
>
337247
<defs>
338248
<filter
339-
id="tint-57"
249+
id="tint-56"
340250
>
341251
<feflood
342252
flood-color="blue"
@@ -354,44 +264,32 @@ exports[`components/Image prop "style" removes other unsupported View styles 1`]
354264
exports[`components/Image prop "style" supports "resizeMode" property 1`] = `
355265
<div
356266
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
357-
>
358-
<div
359-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-ehq7j7 r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
360-
/>
361-
</div>
267+
/>
362268
`;
363269

364270
exports[`components/Image prop "style" supports "shadow" properties (convert to filter) 1`] = `
365271
<div
366272
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
367-
>
368-
<div
369-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
370-
style="filter: drop-shadow(1px 1px 0px rgba(255,0,0,1.00));"
371-
/>
372-
</div>
273+
/>
373274
`;
374275

375276
exports[`components/Image prop "style" supports "tintcolor" property (convert to filter) 1`] = `
376277
<div
377278
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
378279
>
379-
<div
380-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
381-
style="background-image: url(https://google.com/favicon.ico); filter: url(#tint-56);"
382-
/>
383280
<img
384281
alt=""
385-
class="css-accessibilityImage-9pa8cd"
282+
class="css-image-1mi6z7k r-objectFit-1t7uo4s"
386283
draggable="false"
387284
src="https://google.com/favicon.ico"
285+
style="filter: url(#tint-55);"
388286
/>
389287
<svg
390288
style="position: absolute; height: 0px; visibility: hidden; width: 0px;"
391289
>
392290
<defs>
393291
<filter
394-
id="tint-56"
292+
id="tint-55"
395293
>
396294
<feflood
397295
flood-color="red"
@@ -410,9 +308,5 @@ exports[`components/Image prop "testID" 1`] = `
410308
<div
411309
class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
412310
data-testid="testID"
413-
>
414-
<div
415-
class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
416-
/>
417-
</div>
311+
/>
418312
`;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /