diff --git a/web/src/styles/authentik/components/Login/login.css b/web/src/styles/authentik/components/Login/login.css index 602418f469..e80e898a44 100644 --- a/web/src/styles/authentik/components/Login/login.css +++ b/web/src/styles/authentik/components/Login/login.css @@ -52,9 +52,9 @@ --pf-c-login__header--c-brand--xl--MarginBottom: var(--pf-global--spacer--2xl); --pf-c-login__main--BackgroundColor: var(--pf-global--BackgroundColor--light-100); --pf-c-login__main--MarginBottom: var(--pf-global--spacer--lg); - --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--xl); + --pf-c-login__main-header--PaddingTop: var(--pf-global--spacer--lg); --pf-c-login__main-header--PaddingRight: var(--pf-global--spacer--xl); - --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--md); + --pf-c-login__main-header--PaddingBottom: var(--pf-global--spacer--lg); --pf-c-login__main-header--PaddingLeft: var(--pf-global--spacer--xl); --pf-c-login__main-header--md--PaddingRight: var(--pf-global--spacer--2xl); --pf-c-login__main-header--md--PaddingLeft: var(--pf-global--spacer--2xl); @@ -264,6 +264,16 @@ flex: 1 1 auto; } +@media (min-width: 768px) { + :root { + --pf-c-login__main-header--PaddingRight: var(--pf-c-login__main-header--md--PaddingRight); + --pf-c-login__main-header--PaddingLeft: var(--pf-c-login__main-header--md--PaddingLeft); + --pf-c-login__main-body--PaddingRight: var(--pf-c-login__main-body--md--PaddingRight); + --pf-c-login__main-body--PaddingLeft: var(--pf-c-login__main-body--md--PaddingLeft); + } +} + + /* #endregion */ /* #region Frame */