Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-08-02 14:52:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Better rendering for small screens on m3u and epg tables.

Browse source
This commit is contained in:
SergeantPanda 2025-06-21 22:54:52 -05:00
parent c43231c492
commit dae143a724
3 changed files with 14 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/components/tables/EPGsTable.jsx
View file

@ -570,7 +570,7 @@ const EPGsTable = () => {
style={{
flex: 1,
overflowY: 'auto',
overflowX: 'hidden',
overflowX: 'auto',
border: 'solid 1px rgb(68,68,68)',
borderRadius: 'var(--mantine-radius-default)',
}}
@ -593,15 +593,14 @@ const EPGsTable = () => {
Name: ${epgToDelete.name}
Source Type: ${epgToDelete.source_type}
${
epgToDelete.url
? `URL: ${epgToDelete.url}`
: epgToDelete.api_key
? `API Key: ${epgToDelete.api_key}`
: epgToDelete.file_path
? `File Path: ${epgToDelete.file_path}`
: ''
}
${epgToDelete.url
? `URL: ${epgToDelete.url}`
: epgToDelete.api_key
? `API Key: ${epgToDelete.api_key}`
: epgToDelete.file_path
? `File Path: ${epgToDelete.file_path}`
: ''
}
This will remove all related program information and channel associations.
This action cannot be undone.`}

2
frontend/src/components/tables/M3UsTable.jsx
View file

@ -872,7 +872,7 @@ const M3UTable = () => {
style={{
flex: 1,
overflowY: 'auto',
overflowX: 'hidden',
overflowX: 'auto',
border: 'solid 1px rgb(68,68,68)',
borderRadius: 'var(--mantine-radius-default)',
}}

8
frontend/src/pages/ContentSources.jsx
View file

@ -7,15 +7,15 @@ import { Box, Stack } from '@mantine/core';
const M3UPage = () => {
const isLoading = useUserAgentsStore((state) => state.isLoading);
const error = useUserAgentsStore((state) => state.error);
if (isLoading) return <div>Loading...</div>;
if (error) return <div>Error: {error}</div>;
return (
if (error) return <div>Error: {error}</div>; return (
<Stack
style={{
padding: 10,
height: 'calc(100vh - 60px)', // Set a specific height to ensure proper display
minWidth: '1100px', // Prevent tables from becoming too cramped
overflowX: 'auto', // Enable horizontal scrolling when needed
overflowY: 'hidden', // Prevent vertical scrolling on the container
}}
spacing="xs" // Reduce spacing to give tables more room
>