Remove inconsistent "Continue Watching" section styling
This commit is contained in:
parent
0268bd3a18
commit
50caf09049
1 changed files with 0 additions and 22 deletions
|
@ -1680,31 +1680,11 @@ button.is-emby-button:hover emby-button .navMenuOptionText {
|
||||||
background: linear-gradient(to right, hsla(348, 58%, 23%, 0.5) 0%, hsla(348, 50%, 50%, 0.5) 100%);
|
background: linear-gradient(to right, hsla(348, 58%, 23%, 0.5) 0%, hsla(348, 50%, 50%, 0.5) 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Apply flex display style only to the Continue Watching section in the home page */
|
|
||||||
.homePage .section1.verticalSection {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: center; /* Center items vertically */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Push "Continue Watching" header to the left */
|
|
||||||
.homePage .section1.verticalSection .sectionTitle-cards {
|
|
||||||
margin-right: 10px; /* Adjust the margin as needed */
|
|
||||||
margin-left: 10px; /* Adjust the margin as needed */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Push scroll buttons to the right */
|
/* Push scroll buttons to the right */
|
||||||
.homePage .section1.verticalSection .sectionTitle-cards + .emby-scrollbuttons {
|
.homePage .section1.verticalSection .sectionTitle-cards + .emby-scrollbuttons {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Adjust alignment for the cards within the Continue Watching section */
|
|
||||||
.homePage .section1.verticalSection .itemsContainer .card.overflowBackdropCard {
|
|
||||||
width: 350px !important; /* Set the width to 300px */
|
|
||||||
margin-top: 4em;
|
|
||||||
font-size: 90% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Adjust the card size for smaller screens if needed */
|
/* Adjust the card size for smaller screens if needed */
|
||||||
@media all and (max-width: 767px) {
|
@media all and (max-width: 767px) {
|
||||||
.homePage .section1.verticalSection .itemsContainer .card.overflowBackdropCard {
|
.homePage .section1.verticalSection .itemsContainer .card.overflowBackdropCard {
|
||||||
|
@ -1713,8 +1693,6 @@ button.is-emby-button:hover emby-button .navMenuOptionText {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Adjust the size of the card image */
|
/* Adjust the size of the card image */
|
||||||
.verticalSection .card img {
|
.verticalSection .card img {
|
||||||
width: 100%; /* Make the image fill the card container */
|
width: 100%; /* Make the image fill the card container */
|
||||||
|
|
Loading…
Reference in a new issue