Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-07-20 16:51:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

Apparently width=100% isn't recommended for react so switched it to "style={{ width: '100%' }}"

Browse source
This commit is contained in:
SergeantPanda 2025-05-07 09:39:05 -05:00
parent 9ba03fdfaf
commit b0f26d96b2
3 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/forms/Channel.jsx
View file

@ -584,7 +584,7 @@ const ChannelForm = ({ channel = null, isOpen, onClose }) => {
height={200} // Set max height for visible items
itemCount={filteredLogos.length}
itemSize={20} // Adjust row height for each item
width="100%"
style={{ width: '100%' }}
ref={logoListRef}
>
{({ index, style }) => (
@ -772,7 +772,7 @@ const ChannelForm = ({ channel = null, isOpen, onClose }) => {
height={200} // Set max height for visible items
itemCount={filteredTvgs.length}
itemSize={40} // Adjust row height for each item
width="100%"
style={{ width: '100%' }}
ref={listRef}
>
{({ index, style }) => (
@ -781,7 +781,7 @@ const ChannelForm = ({ channel = null, isOpen, onClose }) => {
key={filteredTvgs[index].id}
variant="subtle"
color="gray"
width="100%"
style={{ width: '100%' }}
justify="left"
size="xs"
onClick={() => {

6
frontend/src/components/forms/M3U.jsx
View file

@ -203,7 +203,7 @@ const M3U = ({
<Group justify="space-between" align="top">
<Stack gap="5" style={{ flex: 1 }}>
<TextInput
width="100%"
style={{ width: '100%' }}
id="name"
name="name"
label="Name"
@ -212,7 +212,7 @@ const M3U = ({
key={form.key('name')}
/>
<TextInput
width="100%"
style={{ width: '100%' }}
id="server_url"
name="server_url"
label="URL"
@ -290,7 +290,7 @@ const M3U = ({
<Stack gap="5" style={{ flex: 1 }}>
<TextInput
width="100%"
style={{ width: '100%' }}
id="max_streams"
name="max_streams"
label="Max Streams"

4
frontend/src/components/forms/M3UProfiles.jsx
View file

@ -74,7 +74,7 @@ const M3UProfiles = ({ playlist = null, isOpen, onClose }) => {
// .filter((playlist) => playlist.is_default == false)
.map((item) => (
<Card
// key={item.id}
key={item.id} // Uncomment/add key prop to fix the list warning
// sx={{
// display: 'flex',
// alignItems: 'center',
@ -137,7 +137,7 @@ const M3UProfiles = ({ playlist = null, isOpen, onClose }) => {
color="primary"
size="small"
onClick={editProfile}
width="100%"
style={{ width: '100%' }}
>
New
</Button>