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

use categories as card title heading

Browse Source
This commit is contained in:
nikk gitanes
2024-04-07 16:01:25 +03:00
parent 6359aee692
commit 954a2eeb33
2 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/components/TorrentCard/index.jsx
View File

@@ -122,8 +122,7 @@ const Torrent = ({ torrent }) => {
<TorrentCardDescription> <TorrentCardDescription>
<div className='description-title-wrapper'> <div className='description-title-wrapper'>
<div className='description-section-name'> <div className='description-section-name'>
{t('Name')} {category ? (catIndex >= 0 ? t(catArray.name) : category) : t('Name')}
<div className='description-category-wrapper'>{catIndex >= 0 ? t(catArray.name) : category}</div>
</div> </div>
<div className='description-torrent-title'>{parsedTitle}</div> <div className='description-torrent-title'>{parsedTitle}</div>
</div> </div>

21
web/src/components/TorrentCard/style.js
View File

@@ -94,7 +94,6 @@ export const TorrentCardButtons = styled.div`
export const TorrentCardDescription = styled.div` export const TorrentCardDescription = styled.div`
${({ ${({
theme: { theme: {
app: { sidebarBGColor },
torrentCard: { cardSecondaryColor, accentCardColor }, torrentCard: { cardSecondaryColor, accentCardColor },
}, },
}) => css` }) => css`
@@ -116,17 +115,17 @@ export const TorrentCardDescription = styled.div`
flex-direction: column; flex-direction: column;
} }
.description-title-wrapper > .description-section-name { // .description-title-wrapper > .description-section-name {
display: flex; // display: flex;
flex-wrap: nowrap; // flex-wrap: nowrap;
justify-content: space-between; // justify-content: space-between;
self-align: end; // self-align: end;
} // }
.description-category-wrapper { // .description-category-wrapper {
display: inline-flex; // display: inline-flex;
color: ${sidebarBGColor}; // color: #1a1a1a;
} // }
.description-section-name { .description-section-name {
text-transform: uppercase; text-transform: uppercase;