Levi/finimalism-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update finimalism4.css

Browse source
This commit is contained in:
tedhinklater 2023-12-01 13:09:41 +00:00 committed by GitHub
parent 13e770b51b
commit 746c8b2973
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
finimalism4.css
View file

@ -1597,26 +1597,15 @@ a[href="#!/livetv.html?tab=5&serverId=67303d06cb7c4c16b5be3492dafb9cae"] {
.verticalSection-extrabottompadding > .sectionTitle-cards:not(#similarCollapsible .sectionTitle-cards) { .verticalSection-extrabottompadding > .sectionTitle-cards:not(#similarCollapsible .sectionTitle-cards) {
display: none; display: none;
} }
.verticalSection.section2 .card.overflowBackdropCard {
/* Adjusted size for cards in the "Next Up" section */ width: 200px !important; /* Adjust the width as needed */
@media all and (min-width: 131.25em) { font-size: 90% !important;
.verticalSection.section2 .card.overflowBackdropCard {
width: 8vw !important; /* Adjust the width as needed */
font-size: 90% !important;
}
} }
@media all and (min-width: 120em) and (max-width: 131.25em) { /* Adjust font size for smaller screens if needed */
@media all and (max-width: 767px) {
.verticalSection.section2 .card.overflowBackdropCard { .verticalSection.section2 .card.overflowBackdropCard {
width: 8.2vw !important; /* Adjust the width as needed */ font-size: 80% !important;
font-size: 90% !important;
}
}
@media all and (min-width: 100em) and (max-width: 120em) {
.verticalSection.section2 .card.overflowBackdropCard {
width: 9.5vw !important; /* Adjust the width as needed */
font-size: 90% !important;
} }
} }
@ -1689,12 +1678,13 @@ button.is-emby-button:hover emby-button .navMenuOptionText {
.homePage .section1.verticalSection { .homePage .section1.verticalSection {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-start; /* Align items at the start (top) of the container */ align-items: center; /* Center items vertically */
} }
/* Push "Continue Watching" header to the left */ /* Push "Continue Watching" header to the left */
.homePage .section1.verticalSection .sectionTitle-cards { .homePage .section1.verticalSection .sectionTitle-cards {
margin-right: 10px; /* Adjust the margin as needed */ 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 */
@ -1703,10 +1693,18 @@ button.is-emby-button:hover emby-button .navMenuOptionText {
} }
/* Adjust alignment for the cards within the Continue Watching section */ /* Adjust alignment for the cards within the Continue Watching section */
.homePage .section1.verticalSection .itemsContainer { .homePage .section1.verticalSection .itemsContainer .card.overflowBackdropCard {
justify-content: flex-start; /* Align cards at the start (left) of the container */ width: 350px !important; /* Set the width to 300px */
font-size: 90% !important;
} }
/* Adjust the card size for smaller screens if needed */
@media all and (max-width: 767px) {
.homePage .section1.verticalSection .itemsContainer .card.overflowBackdropCard {
width: 250px !important; /* Adjust the width as needed for smaller screens */
font-size: 80% !important;
}
}
/* Adjust the size of the card image */ /* Adjust the size of the card image */
.verticalSection .card img { .verticalSection .card img {