A stream.place VOD client inspired by icarly.com
Fix: Only iVIDEO uses AtmosphereConf thumbnail, iSTREAM uses gradients
- iVIDEO page shows AtmosphereConf thumbnail for stream1/2/3 videos
- iSTREAM page uses colorful gradients and 📺 icons instead
- Each live stream card gets a unique gradient based on title
+32
-2
+32
-2
src/components/IStream.tsx
+32
-2
src/components/IStream.tsx
···
175
175
e.currentTarget.style.boxShadow = '6px 6px 0 rgba(0,0,0,0.2)';
176
176
}}
177
177
>
178
-
{/* Thumbnail / Avatar */}
178
+
{/* Thumbnail / Avatar - use stream thumbnail or gradient */}
179
179
<div style={{
180
180
position: 'relative',
181
181
paddingTop: '56.25%',
182
-
background: 'url(/atmosphere-conf-thumb.png) center/cover no-repeat',
182
+
background: stream.record.thumb ? '#000' : 'linear-gradient(135deg, #667eea, #764ba2)',
183
183
borderBottom: '4px solid #62166F',
184
184
}}>
185
+
{stream.record.thumb ? (
186
+
<div style={{
187
+
position: 'absolute',
188
+
top: 0,
189
+
left: 0,
190
+
right: 0,
191
+
bottom: 0,
192
+
background: 'linear-gradient(135deg, #FF6B6B, #4ECDC4)',
193
+
display: 'flex',
194
+
alignItems: 'center',
195
+
justifyContent: 'center',
196
+
fontSize: '60px',
197
+
}}>
198
+
📺
199
+
</div>
200
+
) : (
201
+
<div style={{
202
+
position: 'absolute',
203
+
top: 0,
204
+
left: 0,
205
+
right: 0,
206
+
bottom: 0,
207
+
display: 'flex',
208
+
alignItems: 'center',
209
+
justifyContent: 'center',
210
+
fontSize: '60px',
211
+
}}>
212
+
📺
213
+
</div>
214
+
)}
185
215
186
216
{/* Live Badge */}
187
217
<div style={{