jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix alignment in login-view

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-17 12:37:16 -05:00
parent 1e3ce88194
commit 98a1e3126b
3 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/views/LoginView.vue
View File

@@ -23,29 +23,27 @@ async function googleCallback(token) {
<template>
<div class="flex min-h-screen items-center">
<div class="card justify-items-center">
<div class="flex min-h-screen justify-center items-center p-10 w-full">
<div class="card justify-items-center ">
<img alt="hutopy login"
src="/images/hutopy-logo.png"/>
<div class="flex flex-col w-[800px] gap-10 justify-items-center">
<div class="flex flex-col gap-10">
<h1 class="text-2xl font-bold login-text text-center mt-10 ">
Connexion
</h1>
<div class="w-full items-center justify-center flex flex-col gap-4">
<div class="flex flex-col gap-4">
<google-login :callback="googleCallback"
class=""
popup-type="TOKEN">
<button class="secondary w-full">
<button class="secondary">
<v-icon left>mdi-google</v-icon>
Google
</button>
</google-login>
<button class="secondary w-full text-red-600"
<button class="secondary"
@click="loginWithFacebook">
<facebook class="social-icon"></facebook>
Facebook