A stream.place VOD client inspired by icarly.com
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

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

jack 9e66a261 903f09aa

+32 -2
+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={{