Use omorphia icons for auth pages (#1614)

* Begin Work * Use omorphia icons for sign-up page
modrinth · Jan 28, 2024 · e9483cb · e9483cb
1 parent 5243d8b
commit e9483cb
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 33 deletions.
diff --git a/pages/auth/reset-password.vue b/pages/auth/reset-password.vue
@@ -66,9 +66,7 @@
   </div>
 </template>
 <script setup>
-import { SendIcon } from 'omorphia'
-import MailIcon from 'assets/icons/auth/mail.svg'
-import KeyIcon from 'assets/icons/auth/key.svg'
+import { SendIcon, MailIcon, KeyIcon } from 'omorphia'
 
 const { formatMessage } = useVIntl()
 

diff --git a/pages/auth/sign-in.vue b/pages/auth/sign-in.vue
@@ -27,27 +27,27 @@
 
       <section class="third-party">
         <a class="btn" :href="getAuthUrl('discord', redirectTarget)">
-          <DiscordIcon />
+          <SSODiscordIcon />
           <span>Discord</span>
         </a>
         <a class="btn" :href="getAuthUrl('github', redirectTarget)">
-          <GitHubIcon />
+          <SSOGitHubIcon />
           <span>GitHub</span>
         </a>
         <a class="btn" :href="getAuthUrl('microsoft', redirectTarget)">
-          <MicrosoftIcon />
+          <SSOMicrosoftIcon />
           <span>Microsoft</span>
         </a>
         <a class="btn" :href="getAuthUrl('google', redirectTarget)">
-          <GoogleIcon />
+          <SSOGoogleIcon />
           <span>Google</span>
         </a>
         <a class="btn" :href="getAuthUrl('steam', redirectTarget)">
-          <SteamIcon />
+          <SSOSteamIcon />
           <span>Steam</span>
         </a>
         <a class="btn" :href="getAuthUrl('gitlab', redirectTarget)">
-          <GitLabIcon />
+          <SSOGitLabIcon />
           <span>GitLab</span>
         </a>
       </section>
@@ -107,15 +107,17 @@
 </template>
 
 <script setup>
-import { RightArrowIcon } from 'omorphia'
-import GitHubIcon from 'assets/icons/auth/sso-github.svg'
-import MicrosoftIcon from 'assets/icons/auth/sso-microsoft.svg'
-import GoogleIcon from 'assets/icons/auth/sso-google.svg'
-import SteamIcon from 'assets/icons/auth/sso-steam.svg'
-import DiscordIcon from 'assets/icons/auth/sso-discord.svg'
-import KeyIcon from 'assets/icons/auth/key.svg'
-import MailIcon from 'assets/icons/auth/mail.svg'
-import GitLabIcon from 'assets/icons/auth/sso-gitlab.svg'
+import {
+  RightArrowIcon,
+  SSOGitHubIcon,
+  SSOMicrosoftIcon,
+  SSOSteamIcon,
+  SSOGoogleIcon,
+  SSODiscordIcon,
+  SSOGitLabIcon,
+  KeyIcon,
+  MailIcon,
+} from 'omorphia'
 
 const { formatMessage } = useVIntl()
 

diff --git a/pages/auth/sign-up.vue b/pages/auth/sign-up.vue
@@ -4,27 +4,27 @@
 
     <section class="third-party">
       <a class="btn discord-btn" :href="getAuthUrl('discord', redirectTarget)">
-        <DiscordIcon />
+        <SSODiscordIcon />
         <span>Discord</span>
       </a>
       <a class="btn" :href="getAuthUrl('github', redirectTarget)">
-        <GitHubIcon />
+        <SSOGitHubIcon />
         <span>GitHub</span>
       </a>
       <a class="btn" :href="getAuthUrl('microsoft', redirectTarget)">
-        <MicrosoftIcon />
+        <SSOMicrosoftIcon />
         <span>Microsoft</span>
       </a>
       <a class="btn" :href="getAuthUrl('google', redirectTarget)">
-        <GoogleIcon />
+        <SSOGoogleIcon />
         <span>Google</span>
       </a>
       <a class="btn" :href="getAuthUrl('steam', redirectTarget)">
-        <SteamIcon />
+        <SSOSteamIcon />
         <span>Steam</span>
       </a>
       <a class="btn" :href="getAuthUrl('gitlab', redirectTarget)">
-        <GitLabIcon />
+        <SSOGitLabIcon />
         <span>GitLab</span>
       </a>
     </section>
@@ -123,15 +123,19 @@
 </template>
 
 <script setup>
-import { RightArrowIcon, UserIcon, Checkbox } from 'omorphia'
-import GitHubIcon from 'assets/icons/auth/sso-github.svg'
-import MicrosoftIcon from 'assets/icons/auth/sso-microsoft.svg'
-import GoogleIcon from 'assets/icons/auth/sso-google.svg'
-import SteamIcon from 'assets/icons/auth/sso-steam.svg'
-import DiscordIcon from 'assets/icons/auth/sso-discord.svg'
-import KeyIcon from 'assets/icons/auth/key.svg'
-import MailIcon from 'assets/icons/auth/mail.svg'
-import GitLabIcon from 'assets/icons/auth/sso-gitlab.svg'
+import {
+  RightArrowIcon,
+  UserIcon,
+  Checkbox,
+  SSOGitHubIcon,
+  SSOMicrosoftIcon,
+  SSOGoogleIcon,
+  SSOSteamIcon,
+  SSODiscordIcon,
+  KeyIcon,
+  MailIcon,
+  SSOGitLabIcon,
+} from 'omorphia'
 
 const { formatMessage } = useVIntl()