Epg View optimization

This commit is contained in:
euzu
2025-10-03 19:43:07 +02:00
parent 1a4edb7194
commit a70eebd9af
3 changed files with 6 additions and 7 deletions
+2 -2
View File
@@ -175,8 +175,8 @@ for IMAGE_NAME in "${!MULTI_PLATFORM_IMAGES[@]}"; do
# Build and push multi-platform image directly with cache
BUILDX_CACHE_ARGS=()
[ -n "$BUILDX_CACHE_FROM" ] && BUILDX_CACHE_ARGS+=(--cache-from "$BUILDX_CACHE_FROM")
[ -n "$BUILDX_CACHE_TO" ] && BUILDX_CACHE_ARGS+=(--cache-to "$BUILDX_CACHE_TO")
[ -n "${BUILDX_CACHE_FROM:-}" ] && BUILDX_CACHE_ARGS+=(--cache-from "${BUILDX_CACHE_FROM}")
[ -n "${BUILDX_CACHE_TO:-}" ] && BUILDX_CACHE_ARGS+=(--cache-to "${BUILDX_CACHE_TO}")
# If you build on local, you need to activate buildx multiarch builds
# > docker buildx create --name multiarch --driver docker-container --use --bootstrap
@@ -15,9 +15,8 @@
}
&__body {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
display: flex;
flex-flow: row wrap;
gap: var(--gap-default);
box-sizing: border-box;
overflow-y: auto;
@@ -174,7 +174,7 @@ pub fn EpgView() -> Html {
<div style={format!("height:{}px", start_index * channel_row_height)}></div>
{ for tv.channels.iter().enumerate().skip(start_index).take(end_index - start_index).map(|(_i, ch)| {
html! {
<div class="tp__epg__channel" style={format!("max-height:{channel_row_height}px;min-height={channel_row_height};height:{channel_row_height}px")}>
<div class="tp__epg__channel" style={format!("max-height:{channel_row_height}px;min-height={channel_row_height}px;height:{channel_row_height}px")}>
<div class="tp__epg__channel-icon">
{ if let Some(icon) = &ch.icon {
html! { <img src={icon.clone()} alt={ch.title.clone()} /> }
@@ -213,7 +213,7 @@ pub fn EpgView() -> Html {
<div style={format!("height:{}px", start_index * channel_row_height)}></div>
{ for tv.channels.iter().enumerate().skip(start_index).take(end_index - start_index).map(|(_i, ch)| {
html! {
<div class="tp__epg__channel-programs" style={format!("max-height:{channel_row_height}px;min-height={channel_row_height};height:{channel_row_height}px")}>
<div class="tp__epg__channel-programs" style={format!("max-height:{channel_row_height}px;min-height={channel_row_height}px;height:{channel_row_height}px")}>
{ for ch.programmes.iter().map(|p| {
let is_active = now >= p.start && now < p.stop;
let left = get_pos(p.start, start_window);