pablinux/help_desk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(auth): alinear botones de Google y Facebook horizontalmente en tablet y desktop

Browse Source
This commit is contained in:
pablinux
2026-10-24 09:13:52 -05:00
parent ac6eb1a100
commit 5c7a8c925b
2 changed files with 89 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/auth/login.ejs
+20 -15
View File
@@ -167,7 +167,7 @@
<span>O regístrate / accede con</span>
</div>
<!-- Google Identity Services Button -->
<!-- Social Auth: horizontal en tablet y desktop, vertical en móvil -->
<div class="social-auth-wrapper">
<div id="g_id_onload"
data-client_id="<%= googleClientId %>"
@@ -176,21 +176,26 @@
data-callback="handleGoogleCredentialResponse"
data-auto_prompt="false">
</div>
<div class="g_id_signin w-100 d-flex justify-content-center"
data-type="standard"
data-shape="rectangular"
data-theme="outline"
data-text="continue_with"
data-size="large"
data-logo_alignment="left">
</div>
<!-- Botón de Facebook OAuth -->
<div class="mt-2">
<button type="button" class="btn btn-social-fb w-100 d-flex align-items-center justify-content-center gap-2 shadow-sm" onclick="handleFacebookLogin()">
<i class="fab fa-facebook fs-5"></i>
<span>Continuar con Facebook</span>
</button>
<div class="social-buttons-grid">
<div class="social-btn-box social-google-box">
<div class="g_id_signin w-100 d-flex justify-content-center"
data-type="standard"
data-shape="rectangular"
data-theme="outline"
data-text="continue_with"
data-size="large"
data-logo_alignment="left">
</div>
</div>
<!-- Botón de Facebook OAuth -->
<div class="social-btn-box social-fb-box">
<button type="button" class="btn btn-social-fb d-flex align-items-center justify-content-center gap-2 shadow-sm" onclick="handleFacebookLogin()">
<i class="fab fa-facebook fs-5"></i>
<span>Continuar con Facebook</span>
</button>
</div>
</div>
</div>