This commit is contained in:
@@ -3,10 +3,9 @@
|
|||||||
|
|
||||||
<div class="torrent-list">
|
<div class="torrent-list">
|
||||||
<div class="torrent-header">
|
<div class="torrent-header">
|
||||||
<div class="col-title">Titel</div>
|
<div class="col-title">Film</div>
|
||||||
<div class="col-center">Seeders</div>
|
<div class="col-center">Seeders</div>
|
||||||
<div class="col-center">Leechers</div>
|
<div class="col-center">Leechers</div>
|
||||||
<div class="col-center">Completed</div>
|
|
||||||
<div class="col-right">Datum</div>
|
<div class="col-right">Datum</div>
|
||||||
<div class="col-right">Åtgärd</div>
|
<div class="col-right">Åtgärd</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -17,16 +16,21 @@
|
|||||||
<div class="col-title">
|
<div class="col-title">
|
||||||
<img src="@t.Metadata?.Poster" alt="@t.Title" class="poster" onclick="showLightbox(this.src)" />
|
<img src="@t.Metadata?.Poster" alt="@t.Title" class="poster" onclick="showLightbox(this.src)" />
|
||||||
<div class="title-info">
|
<div class="title-info">
|
||||||
<strong>@t.Title</strong>
|
<strong>@t.Title (@t.Metadata?.Year)</strong>
|
||||||
@if (!string.IsNullOrEmpty(t.Metadata?.ImdbRating))
|
<div class="meta">
|
||||||
{
|
@if (!string.IsNullOrEmpty(t.Metadata?.Genre))
|
||||||
<span class="imdb">⭐ @t.Metadata.ImdbRating</span>
|
{
|
||||||
}
|
<span class="genre">@t.Metadata.Genre</span>
|
||||||
|
}
|
||||||
|
@if (!string.IsNullOrEmpty(t.Metadata?.ImdbRating))
|
||||||
|
{
|
||||||
|
<span class="imdb">⭐ @t.Metadata.ImdbRating</span>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-center @(t.Seeders > 40 ? "highlight-green" : "")">@t.Seeders</div>
|
<div class="col-center @(t.Seeders > 40 ? "highlight-green" : "")">@t.Seeders</div>
|
||||||
<div class="col-center highlight-red">@t.Leechers</div>
|
<div class="col-center highlight-red">@t.Leechers</div>
|
||||||
<div class="col-center">@t.Completed</div>
|
|
||||||
<div class="col-right">@t.PublishDate.ToString("yyyy-MM-dd HH:mm")</div>
|
<div class="col-right">@t.PublishDate.ToString("yyyy-MM-dd HH:mm")</div>
|
||||||
<div class="col-right col-action">
|
<div class="col-right col-action">
|
||||||
<form asp-controller="Torrent" asp-action="Add" method="post">
|
<form asp-controller="Torrent" asp-action="Add" method="post">
|
||||||
|
|||||||
@@ -14,11 +14,10 @@
|
|||||||
|
|
||||||
.torrent-header, .torrent-row {
|
.torrent-header, .torrent-row {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 3fr 1fr 1fr 1fr 2fr 1fr;
|
grid-template-columns: 4fr 1fr 1fr 2fr 1fr;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 6px 0;
|
padding: 8px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.torrent-header {
|
.torrent-header {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
border-bottom: 2px solid #ccc;
|
border-bottom: 2px solid #ccc;
|
||||||
@@ -92,25 +91,42 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.poster {
|
.poster {
|
||||||
width: 40px;
|
width: 25px;
|
||||||
height: 60px;
|
height: 35px;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-right: 8px;
|
margin-right: 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.title-info {
|
.title-info {
|
||||||
display: inline-block;
|
display: flex;
|
||||||
vertical-align: top;
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-info strong {
|
||||||
|
font-size: 14px;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.meta {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.genre {
|
||||||
|
margin-right: 8px;
|
||||||
|
color: #888;
|
||||||
}
|
}
|
||||||
|
|
||||||
.imdb {
|
.imdb {
|
||||||
font-size: 0.9em;
|
font-size: 12px;
|
||||||
color: #ffcc00;
|
color: #5a4800;
|
||||||
margin-left: 4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Lightbox */
|
/* Lightbox */
|
||||||
#posterLightbox {
|
#posterLightbox {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
Reference in New Issue
Block a user