diff --git a/Aberwyn/Views/Torrent/Index.cshtml b/Aberwyn/Views/Torrent/Index.cshtml index 3628bad..bd369a8 100644 --- a/Aberwyn/Views/Torrent/Index.cshtml +++ b/Aberwyn/Views/Torrent/Index.cshtml @@ -3,10 +3,9 @@
-
Titel
+
Film
Seeders
Leechers
-
Completed
Datum
Åtgärd
@@ -17,16 +16,21 @@
@t.Title
- @t.Title - @if (!string.IsNullOrEmpty(t.Metadata?.ImdbRating)) - { - ⭐ @t.Metadata.ImdbRating - } + @t.Title (@t.Metadata?.Year) +
+ @if (!string.IsNullOrEmpty(t.Metadata?.Genre)) + { + @t.Metadata.Genre + } + @if (!string.IsNullOrEmpty(t.Metadata?.ImdbRating)) + { + ⭐ @t.Metadata.ImdbRating + } +
@t.Seeders
@t.Leechers
-
@t.Completed
@t.PublishDate.ToString("yyyy-MM-dd HH:mm")
diff --git a/Aberwyn/wwwroot/css/torrent.css b/Aberwyn/wwwroot/css/torrent.css index bd958bc..a1d49cd 100644 --- a/Aberwyn/wwwroot/css/torrent.css +++ b/Aberwyn/wwwroot/css/torrent.css @@ -14,11 +14,10 @@ .torrent-header, .torrent-row { display: grid; - grid-template-columns: 3fr 1fr 1fr 1fr 2fr 1fr; + grid-template-columns: 4fr 1fr 1fr 2fr 1fr; align-items: center; - padding: 6px 0; + padding: 8px 0; } - .torrent-header { font-weight: 600; border-bottom: 2px solid #ccc; @@ -92,25 +91,42 @@ } .poster { - width: 40px; - height: 60px; + width: 25px; + height: 35px; object-fit: cover; cursor: pointer; - margin-right: 8px; + margin-right: 10px; border-radius: 4px; } + .title-info { - display: inline-block; - vertical-align: top; + display: flex; + 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 { - font-size: 0.9em; - color: #ffcc00; - margin-left: 4px; + font-size: 12px; + color: #5a4800; } + /* Lightbox */ #posterLightbox { display: none;