Fix BREAKPOINTS import

As suggest by @JulianKniephoff. Fixes import of appkit css styles.
opencast · Dec 12, 2024 · 3ae8f0e · 3ae8f0e
1 parent 873a01f
commit 3ae8f0e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/main/TrackSelection.tsx b/src/main/TrackSelection.tsx
@@ -14,7 +14,7 @@ import {
   setVideoEnabled,
 } from "../redux/videoSlice";
 import {
-  BREAKPOINT_MEDIUM,
+  BREAKPOINTS,
   backgroundBoxStyle,
   checkboxStyle,
   titleStyle,
@@ -243,7 +243,7 @@ const VideoTrackItem: React.FC<{
     width: "100%",
     opacity: track.video_stream.enabled ? "1" : "0.5",
     maxWidth: `${imagesMaxWidthMedium}px`,
-    [`@media (min-width: ${BREAKPOINT_MEDIUM}px)`]: {
+    [`@media (min-width: ${BREAKPOINTS.medium}px)`]: {
       "&": { maxWidth: `${imagesMaxWidth}px` },
     },
   });
@@ -304,7 +304,7 @@ const AudioTrackItem: React.FC<{
     filter: `${theme.invert_wave}`,
     color: `${theme.inverted_text}`,
     maxWidth: `${imagesMaxWidthMedium}px`,
-    [`@media (min-width: ${BREAKPOINT_MEDIUM}px)`]: {
+    [`@media (min-width: ${BREAKPOINTS.medium}px)`]: {
       "&": { maxWidth: `${imagesMaxWidth}px` },
     },
   });