diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css index 2e09d8f..63378f4 100644 --- a/app/assets/css/launcher.css +++ b/app/assets/css/launcher.css @@ -4027,4 +4027,70 @@ input:checked + .toggleSwitchSlider:before { transition: 0.25s ease; display: flex; justify-content: center; +} + +/******************************************************************************* + * * + * Skirda Discord Authorization * + * * + ******************************************************************************/ + +.Centered { + position: relative; + display: flex; + justify-content: center; + align-items: center; + height: 100%; + /* width: 100%; */ +} + +.Centered > div { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; +} + +#loginSkirdaAuthorizationWindow { + display: flex; + flex-direction: column; + background: rgba(0, 0, 0, 0.4); + border: 1px solid rgb(83 83 83 / 60%); + border-radius: 3px; + margin-bottom: 20px; +} + +#settingsAboutCurrentVersion { + text-align: center; + width: 50%; + padding: 2rem 0 2rem 0; +} + +#loginSkirdaAuthorizationNote { + font-size: 10px; + color: grey; +} + +#loginSkirdaAuthorizationRetryButton { + margin-bottom: 0.7rem; + color: rgb(249 249 249); + border: 1px solid rgb(209 209 209); + border-radius: 4px; + transition: 0.25s ease; + font-size: 15px; + cursor: pointer; + outline: none; + background: none; + padding: 0.4rem 1rem 0.4rem 1rem; +} + +#loginSkirdaAuthorizationRetryButton:hover { + background: rgb(0 0 0 / 91%); + border: 1px solid rgb(83 83 83 / 42%); +} + +#loginSkirdaAuthorizationRetryButton:active { + background: rgb(0 0 0 / 91%); + border: 1px solid rgb(83 83 83 / 42%); } \ No newline at end of file diff --git a/app/loginSkirdaDiscord.ejs b/app/loginSkirdaDiscord.ejs index 9c78001..6cc6668 100644 --- a/app/loginSkirdaDiscord.ejs +++ b/app/loginSkirdaDiscord.ejs @@ -1,28 +1,40 @@ -