sovonegr/TorrServerJellyfin
1
0
Fork 0
mirror of https://github.com/Ernous/TorrServerJellyfin.git synced 2025-12-19 21:46:11 +05:00
Code Issues Packages Projects Releases Wiki Activity

refactor

Browse Source
This commit is contained in:
Daniel Shleifman
2021-05-28 23:41:10 +03:00
parent b636099fb7
commit 64c13ec299
2 changed files with 23 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/components/DialogTorrentDetailsContent/index.jsx
View File

@@ -22,7 +22,6 @@ import {
DialogContentGrid,
TorrentMainSection,
Poster,
TorrentData,
SectionTitle,
SectionSubName,
StatisticsWrapper,
@@ -116,17 +115,15 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
<TorrentMainSection>
<Poster poster={poster}>{poster ? <img alt='poster' src={poster} /> : <NoImageIcon />}</Poster>
<TorrentData>
<div>
{name && name !== title ? (
<>
<SectionTitle>{shortenText(name, 50)}</SectionTitle>
<SectionSubName>{shortenText(title, 160)}</SectionSubName>
</>
) : (
<SectionTitle>{shortenText(title, 50)}</SectionTitle>
)}
</div>
<div>
{name && name !== title ? (
<>
<SectionTitle>{shortenText(name, 50)}</SectionTitle>
<SectionSubName mb={20}>{shortenText(title, 160)}</SectionSubName>
</>
) : (
<SectionTitle mb={20}>{shortenText(title, 50)}</SectionTitle>
)}
<StatisticsWrapper>
<StatisticsField
@@ -161,12 +158,12 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
icon={ViewAgendaIcon}
/>
</StatisticsWrapper>
</TorrentData>
</div>
</TorrentMainSection>
<CacheSection>
<SectionHeader>
<SectionTitle>Buffer</SectionTitle>
<SectionTitle mb={20}>Buffer</SectionTitle>
{!settings?.PreloadBuffer && (
<SectionSubName>Enable &quot;Preload Buffer&quot; in settings to change buffer size</SectionSubName>
)}
@@ -209,7 +206,7 @@ export default function DialogTorrentDetailsContent({ closeDialog, torrent }) {
</ButtonSection>
<TorrentFilesSection>
<SectionTitle>Torrent Content</SectionTitle>
<SectionTitle mb={20}>Torrent Content</SectionTitle>
{!playableFileList?.length
? 'No playable files in this torrent'

22
web/src/components/DialogTorrentDetailsContent/style.js
View File

@@ -43,12 +43,6 @@ export const TorrentMainSection = styled.section`
background: linear-gradient(145deg, #e4f6ed, #b5dec9);
`
export const TorrentData = styled.div`
> :not(:last-child) {
margin-bottom: 20px;
}
`
export const CacheSection = styled.section`
grid-area: cache;
padding: 40px;
@@ -100,14 +94,20 @@ export const TorrentFilesSection = styled.div`
`
export const SectionSubName = styled.div`
color: #7c7b7c;
${({ mb }) => css`
${mb && `margin-bottom: ${mb}px`};
color: #7c7b7c;
`}
`
export const SectionTitle = styled.div`
font-size: 35px;
font-weight: 200;
line-height: 1;
word-break: break-word;
${({ mb }) => css`
${mb && `margin-bottom: ${mb}px`};
font-size: 35px;
font-weight: 200;
line-height: 1;
word-break: break-word;
`}
`
export const SectionHeader = styled.div`