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

Added padding to drawer buttons

Browse Source
This commit is contained in:
loof2736 2024-06-08 21:15:57 -04:00
parent f5a395b044
commit d22dc84677
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
CSS/scyfin-theme.css
View File

@ -7,6 +7,7 @@
--primary-background-transparent: rgba(35,35,35,0.5); --primary-background-transparent: rgba(35,35,35,0.5);
--secondary-background-transparent: rgba(0,0,0,0.6); --secondary-background-transparent: rgba(0,0,0,0.6);
--rounded-cards: 15px; --rounded-cards: 15px;
--blur: 10px;
} }
/* Setting accent color variable */ /* Setting accent color variable */
@ -158,7 +159,7 @@
padding: 5px 15px 5px 5px !important; padding: 5px 15px 5px 5px !important;
bottom: 0% !important; bottom: 0% !important;
background: rgba(0,0,0,0.5) !important; background: rgba(0,0,0,0.5) !important;
backdrop-filter: blur(10px) !important; backdrop-filter: blur(var(--blur)) !important;
} }
.fullInnerCardFooter { .fullInnerCardFooter {
bottom: 5% !important; bottom: 5% !important;
@ -225,6 +226,8 @@
margin: auto !important; margin: auto !important;
text-align: center !important; text-align: center !important;
height: 45px !important; height: 45px !important;
margin-top: 3px !important;
margin-bottom: 3px !important;
} }
.navMenuOption:hover:not(.navMenuOption-selected) { .navMenuOption:hover:not(.navMenuOption-selected) {
background-color: rgba(44, 44, 44, 0.7); background-color: rgba(44, 44, 44, 0.7);
@ -279,7 +282,7 @@ html,
.headerRight { .headerRight {
background-color: var(--primary-background-transparent) !important; background-color: var(--primary-background-transparent) !important;
border-radius: 50px !important; border-radius: 50px !important;
backdrop-filter: blur(50px) !important; backdrop-filter: blur(var(--blur)) !important;
} }
.layout-desktop .headerTabs, .layout-desktop .headerTabs,
.layout-desktop .headerRight, .layout-desktop .headerRight,
@ -325,7 +328,7 @@ html,
/* Player modifications */ /* Player modifications */
.upNextContainer, .toastVisible { .upNextContainer, .toastVisible {
backdrop-filter: blur(10px) !important; backdrop-filter: blur(var(--blur)) !important;
} }
.upNextContainer { .upNextContainer {
border-radius: var(--rounded-cards) !important; border-radius: var(--rounded-cards) !important;
@ -339,7 +342,7 @@ html,
.sliderBubble { .sliderBubble {
border-radius: var(--rounded-cards) !important; border-radius: var(--rounded-cards) !important;
background-color: var(--secondary-background-transparent) !important; background-color: var(--secondary-background-transparent) !important;
backdrop-filter: blur(10px) !important; backdrop-filter: blur(var(--blur)) !important;
} }
.sliderBubble:not(.osdVolumeSliderContainer .sliderBubble):has(.chapterThumbContainer) { .sliderBubble:not(.osdVolumeSliderContainer .sliderBubble):has(.chapterThumbContainer) {
background-color: #ffffff00 !important; background-color: #ffffff00 !important;
@ -412,7 +415,7 @@ html,
transition: 0.2s; transition: 0.2s;
border-radius: 100px !important; border-radius: 100px !important;
padding: 5px 10px !important; padding: 5px 10px !important;
backdrop-filter: blur(10px) !important; backdrop-filter: blur(var(--blur)) !important;
border: none !important; border: none !important;
} }
.skipIntro:hover { .skipIntro:hover {
@ -640,7 +643,7 @@ html,
.mainDetailButtons { .mainDetailButtons {
background: var(--primary-background-transparent) !important; background: var(--primary-background-transparent) !important;
border-radius: 100px !important; border-radius: 100px !important;
backdrop-filter: blur(10px) !important; backdrop-filter: blur(var(--blur)) !important;
} }
/* Add card around groups section */ /* Add card around groups section */
@ -717,15 +720,15 @@ html,
padding-left: 20.4vw !important; padding-left: 20.4vw !important;
} }
/* Padding for 2:3 posters */ /* Padding for 2:3 posters */
.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .cardPadder-backdrop) .detailPagePrimaryContent { .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .portraitCard) .detailPagePrimaryContent {
min-height: 29vw !important; min-height: 29vw !important;
} }
/* Padding for 1:1 posters */ /* Padding for 1:1 posters */
.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .cardPadder-square) .detailPagePrimaryContent { .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .squareCard) .detailPagePrimaryContent {
min-height: 20vw !important; min-height: 20vw !important;
} }
/* Padding for 16:9 posters */ /* Padding for 16:9 posters */
.layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .cardPadder-backdrop) .detailPagePrimaryContent { .layout-desktop .detailPageWrapperContainer:has(.detailImageContainer .backdropCard) .detailPagePrimaryContent {
min-height: 12vw !important; min-height: 12vw !important;
} }