From ddd6a33d560c416e5cdea55cd8ece553ba676a59 Mon Sep 17 00:00:00 2001
From: Marco Crapts <mcrapts@gmail.com>
Date: Tue, 6 Jun 2023 23:45:50 +0200
Subject: [PATCH] fix auth modal on mobile

---
 src/components/Auth.vue | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/components/Auth.vue b/src/components/Auth.vue
index 12fc016..9d20102 100644
--- a/src/components/Auth.vue
+++ b/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>