mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
audio page progress
This commit is contained in:
parent
d775c77482
commit
03a19ef190
11 changed files with 277 additions and 44 deletions
|
@ -114,6 +114,7 @@
|
|||
|
||||
.detailPageContent {
|
||||
width: 70%;
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -251,7 +252,7 @@
|
|||
}
|
||||
|
||||
.detailPagePrimaryInfo {
|
||||
margin: 1em 0 1.5em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.scenePosterViewItem img {
|
||||
|
@ -297,7 +298,7 @@
|
|||
|
||||
@media all and (min-width: 1200px) {
|
||||
.tileItem {
|
||||
width: 30.6%;
|
||||
width: 31%;
|
||||
}
|
||||
|
||||
.scenePosterViewItem img {
|
||||
|
@ -314,7 +315,7 @@
|
|||
|
||||
@media all and (min-width: 1920px) {
|
||||
.tileItem {
|
||||
width: 31.3%;
|
||||
width: 31.5%;
|
||||
}
|
||||
|
||||
.tileImage {
|
||||
|
@ -324,7 +325,7 @@
|
|||
|
||||
@media all and (min-width: 2000px) {
|
||||
.tileItem {
|
||||
width: 23%;
|
||||
width: 23.5%;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -337,25 +338,37 @@
|
|||
.detailTable {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
min-width: 70%;
|
||||
width: 70%;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.detailTable td {
|
||||
border-spacing: 0;
|
||||
border-top: 1px solid #444;
|
||||
border-bottom: 1px solid #444;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
.centeredDetailTable {
|
||||
margin: auto;
|
||||
}
|
||||
.stretchedDetailTable {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.detailTable th {
|
||||
border-spacing: 0;
|
||||
border-bottom: 1px solid #444;
|
||||
padding: 5px;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
}
|
||||
.detailTable td {
|
||||
border-spacing: 0;
|
||||
border-top: 1px solid #444;
|
||||
border-bottom: 1px solid #444;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
.detailTable .imgUserItemRating {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.detailTable th {
|
||||
border-spacing: 0;
|
||||
border-bottom: 1px solid #444;
|
||||
padding: 5px;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.detailTable .imgUserItemRating {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.userDataCell {
|
||||
width: 140px;
|
||||
}
|
|
@ -471,7 +471,7 @@ form, .readOnlyContent {
|
|||
bottom: 28px;
|
||||
}
|
||||
|
||||
.posterViewItem:hover, .userItem:hover, .posterDetailViewItem:hover {
|
||||
.posterViewItem:hover, .userItem:hover, .tileItem:hover {
|
||||
-moz-box-shadow: 0 0 20px 3px #2572EB;
|
||||
-webkit-box-shadow: 0 0 20px 3px #2572EB;
|
||||
box-shadow: 0 0 20px 3px #2572EB;
|
||||
|
@ -660,6 +660,7 @@ progress {
|
|||
|
||||
.itemDetailImage {
|
||||
max-width: 100%;
|
||||
max-height: 400px;
|
||||
}
|
||||
|
||||
.itemImageBlock {
|
||||
|
@ -712,7 +713,7 @@ progress {
|
|||
}
|
||||
|
||||
.itemDetailImage {
|
||||
width: 220px;
|
||||
max-width: 220px;
|
||||
}
|
||||
|
||||
.itemDetailBlock {
|
||||
|
@ -730,7 +731,7 @@ progress {
|
|||
@media all and (min-width: 750px) {
|
||||
|
||||
.itemDetailImage {
|
||||
width: 300px;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.itemDetailBlock {
|
||||
|
@ -756,7 +757,7 @@ progress {
|
|||
@media all and (min-width: 1440px) {
|
||||
|
||||
.itemDetailImage {
|
||||
width: 350px;
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
.itemDetailBlock {
|
||||
|
@ -767,7 +768,7 @@ progress {
|
|||
@media all and (min-width: 1700px) {
|
||||
|
||||
.itemDetailImage {
|
||||
width: 400px;
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.itemDetailBlock {
|
||||
|
@ -778,7 +779,7 @@ progress {
|
|||
@media all and (min-width: 1920px) {
|
||||
|
||||
.itemDetailBlock {
|
||||
width: 65%;
|
||||
width: 63%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue