diff --git a/frontend/src/components/GuideRow.jsx b/frontend/src/components/GuideRow.jsx
index 924ecb26..a1cdaed9 100644
--- a/frontend/src/components/GuideRow.jsx
+++ b/frontend/src/components/GuideRow.jsx
@@ -17,38 +17,41 @@ const H_BUFFER = 600;
const TOTAL_PLACEHOLDERS = Math.ceil(24 / 2);
const PLACEHOLDER_BLOCK_WIDTH = HOUR_WIDTH * 2;
-const PlaceholderProgram = React.memo(({ channelId, vpLeft, vpRight, rowHeight }) => {
- return (
- <>
- {Array.from({ length: TOTAL_PLACEHOLDERS }).map(
- (_, placeholderIndex) => {
- const left = placeholderIndex * PLACEHOLDER_BLOCK_WIDTH;
- if (left + PLACEHOLDER_BLOCK_WIDTH < vpLeft || left > vpRight) return null;
- return (
-
- No program data
-
- );
- }
- )}
- >
- );
-});
+const PlaceholderProgram = React.memo(
+ ({ channelId, vpLeft, vpRight, rowHeight }) => {
+ return (
+ <>
+ {Array.from({ length: TOTAL_PLACEHOLDERS }).map(
+ (_, placeholderIndex) => {
+ const left = placeholderIndex * PLACEHOLDER_BLOCK_WIDTH;
+ if (left + PLACEHOLDER_BLOCK_WIDTH < vpLeft || left > vpRight)
+ return null;
+ return (
+
+ No program data
+
+ );
+ }
+ )}
+ >
+ );
+ }
+);
const GuideRow = React.memo(({ index, style, data }) => {
const {
@@ -189,7 +192,6 @@ const GuideRow = React.memo(({ index, style, data }) => {
maxWidth: '100%',
maxHeight: '100%',
objectFit: 'contain',
- filter: 'drop-shadow(0 0 3px rgba(255,255,255,0.15))',
}}
/>