dev: Fixes to background scaling, font sizes, excess overflow

This commit is contained in:
lscambo13
2025-01-05 22:43:12 +05:30
parent 3403f9b20a
commit 239c8da1c9

View File

@@ -33,6 +33,7 @@
--smallRadius: .5em; --smallRadius: .5em;
--smallerRadius: .375em; --smallerRadius: .375em;
--borderWidth: 0.075em; --borderWidth: 0.075em;
/* --loginPageBgUrl: url("https://image.tmdb.org/t/p/original/fVsy8Z646SZUP6qLJrQCAwi0jhq.jpg"); */
--loginPageBgUrl: url(""); --loginPageBgUrl: url("");
--loginPageBackground: linear-gradient(var(--lighterGradientPointAlpha) 10%, var(--lighterGradientPoint)), var(--loginPageBgUrl); --loginPageBackground: linear-gradient(var(--lighterGradientPointAlpha) 10%, var(--lighterGradientPoint)), var(--loginPageBgUrl);
--loginPageText: "\A\A\A\A\ASign in to continue"; --loginPageText: "\A\A\A\A\ASign in to continue";
@@ -1389,9 +1390,9 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
align-items: flex-start; align-items: flex-start;
min-height: 100vh; min-height: 100vh;
min-height: 100svh; min-height: 100svh;
min-height: 100dvh; min-height: calc(100dvh - 4em);;
background: var(--loginPageBackground); background: var(--loginPageBackground);
background-size: contain; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@@ -1427,12 +1428,14 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
#loginPage .padded-left.padded-right.padded-bottom-page:has(.visualLoginForm.hide) { #loginPage .padded-left.padded-right.padded-bottom-page:has(.visualLoginForm.hide) {
width: 24em; width: 24em;
padding: 2em 2em 1em 2em !important; padding: 2em 2em 1em 2em !important;
margin-inline: 1em !important;
} }
#loginPage .padded-left.padded-right.padded-bottom-page:has(.manualLoginForm.hide) { #loginPage .padded-left.padded-right.padded-bottom-page:has(.manualLoginForm.hide) {
width: 100%; width: 100%;
max-width: 35em; max-width: 35em;
padding: 2em 1em 1em 1em !important; padding: 2em 1em 1em 1em !important;
margin-inline: 1em !important;
} }
#loginPage .padded-left.padded-right.padded-bottom-page:has(.manualLoginForm.hide) .readOnlyContent{ #loginPage .padded-left.padded-right.padded-bottom-page:has(.manualLoginForm.hide) .readOnlyContent{
@@ -1485,13 +1488,13 @@ ul.MuiList-root.MuiMenu-list.MuiList-dense>div:first-child {
gap: .5em .75em; gap: .5em .75em;
} }
.btnForgotPassword { /* .btnForgotPassword {
font-size: .8em; font-size: .8em;
} }
.btnQuick { .btnQuick {
font-size: .8em; font-size: .8em;
} } */
.btnManual { .btnManual {
grid-area: row1-1 / span 2; grid-area: row1-1 / span 2;