fix auth modal on mobile

src/components/Auth.vue

@@ -3,15 +3,8 @@ import firebase from 'firebase/compat/app'
 import 'firebase/compat/auth'
 import 'firebaseui/dist/firebaseui.css'
 import * as firebaseui from 'firebaseui'
-import {
-  FirebaseAuthentication,
-} from '@capacitor-firebase/authentication'
-import {
-  getAuth,
-  GoogleAuthProvider,
-  OAuthProvider,
-  signInWithCredential,
-} from 'firebase/auth'
+import { FirebaseAuthentication } from '@capacitor-firebase/authentication'
+import { getAuth, GoogleAuthProvider, OAuthProvider, signInWithCredential } from 'firebase/auth'
 
 const emit = defineEmits<{
   signedIn: [authResult: any]
@@ -114,7 +107,7 @@ const signInWithEmail = () => {
   <div class="space-y-2">
     <template v-if="!signingInWithEmail">
       <UIButton
-        class="mx-auto block w-[225px]"
+        class="mx-auto !block w-[225px] max-sm:w-full"
         size="sm"
         @click="signInWithProvider(provider)"
         v-for="provider in providers"
@@ -123,7 +116,7 @@ const signInWithEmail = () => {
         <i class="fa-fw mr-2" :class="provider.icon"></i>
         Sign in with {{ provider.name }}
       </UIButton>
-      <UIButton class="mx-auto block w-[225px]" size="sm" @click="signInWithEmail">
+      <UIButton class="mx-auto !block w-[225px] max-sm:w-full" size="sm" @click="signInWithEmail">
         <i class="fa-fw fa-regular fa-envelope mr-2"></i>
         Sign in with email
       </UIButton>