Remove inconsistent "Continue Watching" section styling

This commit is contained in:
Levi 2024-04-23 17:12:54 +02:00
parent 0268bd3a18
commit 50caf09049

View file

@ -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 */