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

update web for categories

Browse Source
This commit is contained in:
nikk gitanes
2024-04-06 05:14:27 +03:00
parent 0e33bae9ae
commit de8137bfbf
10 changed files with 66 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -116,15 +116,12 @@ const Torrent = ({ torrent }) => {
</TorrentCardButtons>
<TorrentCardDescription>
<div className='description-wrapper'>
<div className='description-title-wrapper'>
<div className='description-section-name'>{t('Name')}</div>
<div className='description-torrent-title'>{parsedTitle}</div>
</div>
<div className='description-category-wrapper'>
<div className='description-section-name'>{t('Category')}</div>
<div className='description-torrent-title'>{category}</div>
<div className='description-title-wrapper'>
<div className='description-section-name'>
{t('Name')}
<div className='description-category-wrapper'>{category}</div>
</div>
<div className='description-torrent-title'>{parsedTitle}</div>
</div>
<div className='description-statistics-wrapper'>

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

@@ -94,6 +94,7 @@ export const TorrentCardButtons = styled.div`
export const TorrentCardDescription = styled.div`
${({
theme: {
app: { sidebarBGColor },
torrentCard: { cardSecondaryColor, accentCardColor },
},
}) => css`
@@ -110,21 +111,17 @@ export const TorrentCardDescription = styled.div`
gap: 3px;
}
.description-wrapper {
display: flex;
flex-direction: row;
}
.description-wrapper > * {
flex: 1;
}
.description-title-wrapper {
display: flex;
flex-direction: column;
}
.description-section-name {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
self-align: end;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
@@ -138,9 +135,8 @@ export const TorrentCardDescription = styled.div`
}
.description-category-wrapper {
display: flex;
flex-direction: column;
align-items: end;
display: inline-flex;
color: ${sidebarBGColor};
}
.description-status-wrapper {