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

Added status indicator on main torrents list.

Browse Source 
Removed left margin for description-statistics-element-value.
This commit is contained in:
Anton Potekhin
2023-05-27 12:24:41 +03:00
parent 665324c55d
commit 43723a3d9e
2 changed files with 57 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -134,20 +134,20 @@ export const TorrentCardDescription = styled.div`
.description-statistics-wrapper {
display: grid;
grid-template-columns: 80px 80px 1fr;
grid-template-columns: 24px 80px 80px 1fr;
align-self: end;
@media (max-width: 1260px), (max-height: 500px) {
grid-template-columns: 70px 70px 1fr;
grid-template-columns: 24px 70px 70px 1fr;
}
@media (max-width: 770px) {
grid-template-columns: 65px 65px 1fr;
grid-template-columns: 24px 65px 65px 1fr;
}
@media (max-width: 700px) {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-columns: 24px repeat(3, 1fr);
}
}
@@ -155,7 +155,7 @@ export const TorrentCardDescription = styled.div`
}
.description-statistics-element-value {
margin-left: 5px;
margin-left: 0px;
margin-bottom: 10px;
word-break: break-all;
@@ -229,3 +229,17 @@ export const StyledButton = styled.button`
}
`}
`
export const StatusIndicators = styled.div`
${({ color }) => css`
height: 8px;
width: 8px;
background-color: ${color};
border-radius: 50%;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
`}
`