From 0ffe8ef1024e13b9dfd69236cfb04636291aafca Mon Sep 17 00:00:00 2001 From: falseresync Date: Fri, 18 Aug 2023 22:00:44 +0300 Subject: [PATCH] Refine the auth design; clean up the layout and styles there (#1240) * Refine the auth design; clean up the layout and styles there * It doesn't really sing, does it * Tweak auth form spacing and wording * Final tweaks to improved auth design * Merge * fix lockfile --------- Co-authored-by: Prospector --- assets/icons/auth/key.svg | 5 + assets/icons/auth/mail.svg | 5 + assets/icons/auth/sso-discord.svg | 1 + assets/icons/auth/sso-github.svg | 1 + assets/icons/auth/sso-gitlab.svg | 6 + assets/icons/auth/sso-google.svg | 18 + .../auth/sso-microsoft.svg} | 2 +- .../steam.svg => icons/auth/sso-steam.svg} | 2 +- assets/images/utils/discord.svg | 1 - assets/images/utils/gitlab.svg | 9 - assets/images/utils/google.svg | 20 - nuxt.config.ts | 3 + package.json | 1 + pages/auth.vue | 196 +-- pages/auth/reset-password.vue | 93 +- pages/auth/sign-in.vue | 169 +- pages/auth/sign-up.vue | 181 ++- pages/auth/verify-email.vue | 67 +- pages/auth/welcome.vue | 42 +- pages/settings/account.vue | 14 +- pnpm-lock.yaml | 1411 ++++++++++++++++- 21 files changed, 1849 insertions(+), 398 deletions(-) create mode 100644 assets/icons/auth/key.svg create mode 100644 assets/icons/auth/mail.svg create mode 100644 assets/icons/auth/sso-discord.svg create mode 100644 assets/icons/auth/sso-github.svg create mode 100644 assets/icons/auth/sso-gitlab.svg create mode 100644 assets/icons/auth/sso-google.svg rename assets/{images/utils/microsoft.svg => icons/auth/sso-microsoft.svg} (99%) rename assets/{images/utils/steam.svg => icons/auth/sso-steam.svg} (99%) delete mode 100644 assets/images/utils/discord.svg delete mode 100644 assets/images/utils/gitlab.svg delete mode 100644 assets/images/utils/google.svg diff --git a/assets/icons/auth/key.svg b/assets/icons/auth/key.svg new file mode 100644 index 000000000..7449c3f71 --- /dev/null +++ b/assets/icons/auth/key.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/auth/mail.svg b/assets/icons/auth/mail.svg new file mode 100644 index 000000000..97f5dddd1 --- /dev/null +++ b/assets/icons/auth/mail.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/icons/auth/sso-discord.svg b/assets/icons/auth/sso-discord.svg new file mode 100644 index 000000000..5acd13260 --- /dev/null +++ b/assets/icons/auth/sso-discord.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/auth/sso-github.svg b/assets/icons/auth/sso-github.svg new file mode 100644 index 000000000..f84e184e0 --- /dev/null +++ b/assets/icons/auth/sso-github.svg @@ -0,0 +1 @@ + diff --git a/assets/icons/auth/sso-gitlab.svg b/assets/icons/auth/sso-gitlab.svg new file mode 100644 index 000000000..5384280fb --- /dev/null +++ b/assets/icons/auth/sso-gitlab.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/icons/auth/sso-google.svg b/assets/icons/auth/sso-google.svg new file mode 100644 index 000000000..f91fb5160 --- /dev/null +++ b/assets/icons/auth/sso-google.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/assets/images/utils/microsoft.svg b/assets/icons/auth/sso-microsoft.svg similarity index 99% rename from assets/images/utils/microsoft.svg rename to assets/icons/auth/sso-microsoft.svg index a4f761150..b21feea96 100644 --- a/assets/images/utils/microsoft.svg +++ b/assets/icons/auth/sso-microsoft.svg @@ -1 +1 @@ -MS-SymbolLockup \ No newline at end of file +MS-SymbolLockup diff --git a/assets/images/utils/steam.svg b/assets/icons/auth/sso-steam.svg similarity index 99% rename from assets/images/utils/steam.svg rename to assets/icons/auth/sso-steam.svg index aecd43398..414d6c183 100644 --- a/assets/images/utils/steam.svg +++ b/assets/icons/auth/sso-steam.svg @@ -1,4 +1,4 @@ - \ No newline at end of file + diff --git a/assets/images/utils/discord.svg b/assets/images/utils/discord.svg deleted file mode 100644 index 22ee27ba2..000000000 --- a/assets/images/utils/discord.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/images/utils/gitlab.svg b/assets/images/utils/gitlab.svg deleted file mode 100644 index c33ed09ec..000000000 --- a/assets/images/utils/gitlab.svg +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - diff --git a/assets/images/utils/google.svg b/assets/images/utils/google.svg deleted file mode 100644 index 2471bea3e..000000000 --- a/assets/images/utils/google.svg +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - - - - - - - - - - - - - - - diff --git a/nuxt.config.ts b/nuxt.config.ts index e164890c0..d9ce2e165 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -304,6 +304,9 @@ export default defineNuxtConfig({ nitro: { moduleSideEffects: ['@vintl/compact-number/locale-data'], }, + devtools: { + enabled: true, + }, }) function getApiUrl() { diff --git a/package.json b/package.json index ebc49ce18..ac608384e 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ }, "devDependencies": { "@formatjs/cli": "^6.1.2", + "@nuxt/devtools": "^0.7.0", "@nuxtjs/eslint-config-typescript": "^12.0.0", "@nuxtjs/turnstile": "^0.5.0", "@types/node": "^20.1.0", diff --git a/pages/auth.vue b/pages/auth.vue index b0c394309..c307f1fd6 100644 --- a/pages/auth.vue +++ b/pages/auth.vue @@ -1,159 +1,83 @@ - - - diff --git a/pages/auth/reset-password.vue b/pages/auth/reset-password.vue index e994c0149..c2103c957 100644 --- a/pages/auth/reset-password.vue +++ b/pages/auth/reset-password.vue @@ -1,31 +1,69 @@ - diff --git a/pages/auth/sign-up.vue b/pages/auth/sign-up.vue index 2fe77eb7a..bc93462f6 100644 --- a/pages/auth/sign-up.vue +++ b/pages/auth/sign-up.vue @@ -1,71 +1,121 @@ - diff --git a/pages/auth/verify-email.vue b/pages/auth/verify-email.vue index af1cc7e6d..7f0f1565c 100644 --- a/pages/auth/verify-email.vue +++ b/pages/auth/verify-email.vue @@ -1,39 +1,52 @@ diff --git a/pages/auth/welcome.vue b/pages/auth/welcome.vue index d6b0ab7a8..de5142cae 100644 --- a/pages/auth/welcome.vue +++ b/pages/auth/welcome.vue @@ -1,25 +1,33 @@