MaximilianGT500/scyfin
1
0
Fork 0
mirror of https://github.com/loof2736/scyfin.git synced 2025-11-03 16:08:53 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Re-enabled poster on detail page

Browse Source
This commit is contained in:
loof2736 2024-06-02 20:46:31 -04:00
parent cae8f35cad
commit 468172ccf5
2 changed files with 54 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
CSS/css-scyfin/scyfin-theme-backdrop.css
View File

@ -3,7 +3,7 @@
--main-accent-color: #00a4dc;
--secondary-accent-color: rgba(0, 164, 220, 0.2);
--main-background-color: #0F0F0F;
--secondary-background-color: var(--secondary-background-color);
--secondary-background-color: #181818;
--main-background-transparent: rgba(35,35,35,0.5);
--secondary-background-transparent: rgba(0,0,0,0.6);
--rounded-cards: 15px;
@ -43,7 +43,7 @@
/* Increase size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo {
margin-left: 10px !important;
margin-left: 25px !important;
height: 40px !important;
}
@ -60,6 +60,7 @@
/* Lower drawer buttons */
.layout-desktop .mainDrawer-scrollContainer {
margin-top: 95px !important;
margin-left: 10px !important;
}
.layout-mobile .mainDrawer-scrollContainer {
margin-top: 20px !important;
@ -133,12 +134,12 @@
/* Floating progress bar */
.innerCardFooter {
border-radius: var(--rounded-cards) !important;
width: 100px !important;
margin-left: 5px !important;
margin-bottom: 5px !important;
padding: 5px !important;
bottom: 0% !important;
background: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(10px) !important;
}
.fullInnerCardFooter {
bottom: 5% !important;
@ -146,6 +147,7 @@
margin: auto !important;
border-radius: 100px !important;
padding: 0px !important;
backdrop-filter: none !important;
}
.itemProgressBar {
height: 10px !important;
@ -366,7 +368,7 @@
/* Add padding to list items */
.layout-desktop .listItem,
.layout-tv .listItem {
padding-left: 15px !important;
padding-inline: 15px !important;
}
/* Rounded dashboard cards */
.cardBox {
@ -429,9 +431,10 @@
/* Remove show/movie image on details page */
.layout-desktop .detailImageContainer {
display: none !important;
/* Resize show/movie image on details page */
.layout-desktop .detailImageContainer .card {
top: 9em !important;
width: 350px !important;
}
/* Re-position content on details page */
@ -439,7 +442,7 @@
margin-right: 0 !important;
}
.layout-desktop .detailPageContent {
padding-left: 4% !important;
padding-left: 3.3% !important;
}
/* Re-position logo */
@ -529,9 +532,10 @@
/* Re-position title */
.layout-desktop .infoWrapper {
margin-top: 245px !important;
margin-left: 390px !important;
}
.layout-desktop .detailPagePrimaryContainer {
padding-left: 4% !important;
padding-left: 3.3% !important;
}
.layout-desktop .nameContainer {
position: absolute !important;
@ -543,6 +547,15 @@
margin-top: 16px !important;
}
/* Move description box */
.layout-desktop .detailPagePrimaryContent {
padding-left: 390px !important;
min-height: 550px !important;
}
.layout-desktop .detailPagePrimaryContent:has(.genresGroup.hide):has(.directorsGroup.hide):has(.writersGroup.hide) {
min-height: unset !important;
}
/* Move track selection box */
.detailSection {
display: -webkit-box;
@ -791,6 +804,9 @@
/* Dialog box */
.layout-desktop .dialog {
padding: 0px 10px 10px 10px !important;
.dialog {
background-color: var(--secondary-background-color) !important;
}
.actionSheetTitle {
margin: 10px 20px !important;
}

39
CSS/css-scyfin/scyfin-theme.css
View File

@ -43,7 +43,7 @@
/* Increase size of Jellyfin logo */
.layout-desktop .pageTitleWithLogo {
margin-left: 10px !important;
margin-left: 25px !important;
height: 40px !important;
}
@ -60,6 +60,7 @@
/* Lower drawer buttons */
.layout-desktop .mainDrawer-scrollContainer {
margin-top: 95px !important;
margin-left: 10px !important;
}
.layout-mobile .mainDrawer-scrollContainer {
margin-top: 15px !important;
@ -133,12 +134,12 @@
/* Floating progress bar */
.innerCardFooter {
border-radius: var(--rounded-cards) !important;
width: 100px !important;
margin-left: 5px !important;
margin-bottom: 5px !important;
padding: 5px !important;
padding: 5px 15px 5px 5px !important;
bottom: 0% !important;
background: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(10px) !important;
}
.fullInnerCardFooter {
bottom: 5% !important;
@ -146,6 +147,7 @@
margin: auto !important;
border-radius: 100px !important;
padding: 0px !important;
backdrop-filter: none !important;
}
.itemProgressBar {
height: 10px !important;
@ -209,7 +211,6 @@
}
/* Modified background color */
.dialog,
html {
background-color: var(--main-background-color) !important;
}
@ -370,7 +371,7 @@ html {
/* Add padding to list items */
.layout-desktop .listItem,
.layout-tv .listItem {
padding-left: 15px !important;
padding-inline: 15px !important;
}
/* Rounded dashboard cards */
.cardBox {
@ -433,9 +434,10 @@ html {
/* Remove show/movie image on details page */
.layout-desktop .detailImageContainer {
display: none !important;
/* Resize show/movie image on details page */
.layout-desktop .detailImageContainer .card {
top: 9em !important;
width: 350px !important;
}
/* Re-position content on details page */
@ -443,7 +445,7 @@ html {
margin-right: 0 !important;
}
.layout-desktop .detailPageContent {
padding-left: 4% !important;
padding-left: 3.3% !important;
}
/* Re-position logo */
@ -520,9 +522,10 @@ html {
/* Re-position title */
.layout-desktop .infoWrapper {
margin-top: 245px !important;
margin-left: 390px !important;
}
.layout-desktop .detailPagePrimaryContainer {
padding-left: 4% !important;
padding-left: 3.3% !important;
}
.layout-desktop .nameContainer {
position: absolute !important;
@ -534,6 +537,15 @@ html {
margin-top: 16px !important;
}
/* Move description box */
.layout-desktop .detailPagePrimaryContent {
padding-left: 390px !important;
min-height: 550px !important;
}
.layout-desktop .detailPagePrimaryContent:has(.genresGroup.hide):has(.directorsGroup.hide):has(.writersGroup.hide) {
min-height: unset !important;
}
/* Move track selection box */
.detailSection {
display: -webkit-box;
@ -770,6 +782,9 @@ html {
/* Dialog box */
.layout-desktop .dialog {
padding: 0px 10px 10px 10px !important;
.dialog {
background-color: var(--secondary-background-color) !important;
}
.actionSheetTitle {
margin: 10px 20px !important;
}