Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-01-23 10:45:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #221 from Dispatcharr/channels-table-formatting

Browse source 
Channels table formatting
This commit is contained in:
SergeantPanda 2025-06-24 18:17:00 -05:00 • committed by GitHub
commit c44c380bb2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 20 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/components/tables/ChannelsTable.jsx
View file

@ -1096,7 +1096,7 @@ const ChannelsTable = ({ }) => {
style={{
display: 'flex',
flexDirection: 'column',
height: 'calc(100vh - 58px)',
height: 'calc(100vh - 60px)',
backgroundColor: '#27272A',
}}
>
@ -1119,7 +1119,7 @@ const ChannelsTable = ({ }) => {
style={{
display: 'flex',
flexDirection: 'column',
height: 'calc(100vh - 110px)',
height: 'calc(100vh - 100px)',
}}
>
<Box

14
frontend/src/components/tables/StreamsTable.jsx
View file

@ -170,7 +170,7 @@ const StreamRowActions = ({
);
};
const StreamsTable = ({}) => {
const StreamsTable = ({ }) => {
const theme = useMantineTheme();
/**
@ -653,7 +653,7 @@ const StreamsTable = ({}) => {
<Paper
style={{
height: 'calc(100vh - 75px)',
height: 'calc(100vh - 60px)',
backgroundColor: '#27272A',
}}
>
@ -678,10 +678,10 @@ const StreamsTable = ({}) => {
style={
selectedStreamIds.length > 0 && selectedChannelIds.length === 1
? {
borderWidth: '1px',
borderColor: theme.tailwind.green[5],
color: 'white',
}
borderWidth: '1px',
borderColor: theme.tailwind.green[5],
color: 'white',
}
: undefined
}
disabled={
@ -801,7 +801,7 @@ const StreamsTable = ({}) => {
style={{
display: 'flex',
flexDirection: 'column',
height: 'calc(100vh - 110px)',
height: 'calc(100vh - 100px)',
}}
>
<Box

18
frontend/src/pages/Channels.jsx
View file

@ -12,7 +12,6 @@ const ChannelsPage = () => {
if (!authUser.id) {
return <></>;
}
if (authUser.user_level <= USER_LEVELS.STANDARD) {
return (
<Box style={{ padding: 10 }}>
@ -22,17 +21,22 @@ const ChannelsPage = () => {
}
return (
<div style={{ height: '100vh', width: '100%', display: 'flex' }}>
<div style={{ height: '100vh', width: '100%', display: 'flex', overflowX: 'auto' }}>
<Allotment
defaultSizes={[50, 50]}
style={{ height: '100%', width: '100%' }}
style={{ height: '100%', width: '100%', minWidth: '600px' }}
className="custom-allotment"
minSize={100}
>
<div style={{ padding: 10 }}>
<ChannelsTable />
<div style={{ padding: 10, overflowX: 'auto', minWidth: '100px' }}>
<div style={{ minWidth: '600px' }}>
<ChannelsTable />
</div>
</div>
<div style={{ padding: 10 }}>
<StreamsTable />
<div style={{ padding: 10, overflowX: 'auto', minWidth: '100px' }}>
<div style={{ minWidth: '600px' }}>
<StreamsTable />
</div>
</div>
</Allotment>
</div>