mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update music card styles
This commit is contained in:
parent
e75bd326d3
commit
bda0f89c4d
5 changed files with 11 additions and 22 deletions
|
@ -45,7 +45,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardBox {
|
.cardBox {
|
||||||
margin: 2px;
|
margin: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grayscale {
|
.grayscale {
|
||||||
|
@ -54,15 +54,8 @@
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-width: 600px) {
|
|
||||||
|
|
||||||
.cardBox {
|
|
||||||
margin: 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottomPaddedCard .cardBox {
|
.bottomPaddedCard .cardBox {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.visualFooterCard .outerCardFooter {
|
.visualFooterCard .outerCardFooter {
|
||||||
|
@ -403,10 +396,6 @@
|
||||||
|
|
||||||
@media all and (min-width: 2200px) {
|
@media all and (min-width: 2200px) {
|
||||||
|
|
||||||
.squareCard {
|
|
||||||
width: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bannerCard {
|
.bannerCard {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
.libraryPage {
|
.libraryPage {
|
||||||
padding-top: 50px !important;
|
padding-top: 49px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryPage:not(.metadataEditorPage):not(.noSecondaryNavPage) {
|
.libraryPage:not(.metadataEditorPage):not(.noSecondaryNavPage) {
|
||||||
padding-top: 99px !important;
|
padding-top: 98px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryMenuDivider {
|
.libraryMenuDivider {
|
||||||
|
@ -121,7 +121,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav {
|
.libraryViewNav {
|
||||||
height: 49px;
|
height: 48px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
@ -226,7 +226,7 @@
|
||||||
margin: 0 0;
|
margin: 0 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
border-bottom: 5px solid transparent;
|
border-bottom: 4px solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryViewNav a:not(.ui-btn-active):hover {
|
.libraryViewNav a:not(.ui-btn-active):hover {
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
<div data-role="content" style="padding-top: 5px;padding-left:0!important;padding-right:0!important;">
|
<div data-role="content" style="padding-top: 5px;padding-left:0!important;padding-right:0!important;">
|
||||||
|
|
||||||
<div class="tvGuide">
|
<div class="tvGuide">
|
||||||
<div style="white-space: nowrap;position:fixed;top:99px;left:0;z-index:100; max-width: 100%;">
|
<div style="white-space: nowrap;position:fixed;top:98px;left:0;z-index:100; max-width: 100%;">
|
||||||
<div class="channelTimeslotHeader">
|
<div class="channelTimeslotHeader">
|
||||||
<div class="timeslotHeaderInner">
|
<div class="timeslotHeaderInner">
|
||||||
<a href="#popupConfig" data-rel="popup" class="accentButton" style="display:block;padding-left:5px;"><i class="fa fa-calendar"></i><span class="currentDate"></span></a>
|
<a href="#popupConfig" data-rel="popup" class="accentButton" style="display:block;padding-left:5px;"><i class="fa fa-calendar"></i><span class="currentDate"></span></a>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
|
|
||||||
var screenWidth = $(window).width();
|
var screenWidth = $(window).width();
|
||||||
|
|
||||||
return screenWidth >= 2200 ? 10 : 9;
|
return screenWidth >= 1920 ? 9 : 8;
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadLatest(page, parentId) {
|
function loadLatest(page, parentId) {
|
||||||
|
|
|
@ -43,10 +43,10 @@
|
||||||
return $(".radioDonationType:checked", page).val();
|
return $(".radioDonationType:checked", page).val();
|
||||||
}
|
}
|
||||||
|
|
||||||
var lifeTimeAmount = 59;
|
var lifeTimeAmount = 69;
|
||||||
var dailyAmount = 1;
|
var dailyAmount = 1;
|
||||||
var monthlyAmount = 4;
|
var monthlyAmount = 5;
|
||||||
var yearlyAmount = 32;
|
var yearlyAmount = 36;
|
||||||
function getDonationAmount(page) {
|
function getDonationAmount(page) {
|
||||||
|
|
||||||
var type = getDonationType(page);
|
var type = getDonationType(page);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue