Xtream Code Club (2024)

.channel-card:hover { transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0,0,0,0.15); }

.categories { padding: 20px; }

.search-bar input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; } xtream code club

const loadStreams = async (categoryId, type) => { const response = await fetch(`/api/streams?category_id=${categoryId}&type=${type}`); const data = await response.json(); setStreams(data); };

.favorite-item, .recent-item { display: flex; justify-content: space-between; align-items: center; padding: 10px; margin-bottom: 10px; background: #f9f9f9; border-radius: 5px; cursor: pointer; transition: background 0.3s; } .channel-card:hover { transform: translateY(-5px)

.category-item.active { background: #667eea; color: white; }

async getStreams(categoryId = null, type = 'live') { try { let action = ''; switch(type) { case 'live': action = 'get_live_streams'; break; case 'vod': action = 'get_vod_streams'; break; case 'series': action = 'get_series'; break; } const params = { username: this.username, password: this.password, action: action }; if (categoryId) params.category_id = categoryId; const response = await axios.get(`${this.baseUrl}/player_api.php`, { params }); return response.data; } catch (error) { throw error; } } box-shadow: 0 5px 20px rgba(0

.category-item { padding: 8px 12px; margin: 5px 0; cursor: pointer; border-radius: 5px; transition: background 0.3s; }