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

5
frontend/src/assets/main.css
View File

@@ -26,10 +26,11 @@
.btn { .btn {
@apply min-w-24 w-full; @apply min-w-24 w-full;
@apply p-4; @apply p-4;
@apply flex flex-nowrap gap-4 items-center justify-center ; @apply flex flex-nowrap gap-4 items-center justify-center;
@apply rounded-lg; @apply rounded-lg;
@apply capitalize text-base font-sans font-medium; @apply capitalize text-base font-sans font-medium;
@apply w-fit px-10; @apply px-10;
@apply cursor-pointer;
} }
button.primary { button.primary {

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

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

11
frontend/src/views/creators/DonationButtonBanner.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<button <button
class="secondary text-white donation-action" class="secondary donation-action"
@click="openDonationDialog()" @click="openDonationDialog()"
> >
{{ $t('isupportbtn.isupport') }} {{ $t('isupportbtn.isupport') }}
@@ -169,14 +169,11 @@ function preventNonNumeric(event) {
<style scoped> <style scoped>
.donation-action { .donation-action {
@apply bg-hutopyPrimary; @apply bg-hutopyPrimary text-hOnPrimary;
@apply hover:bg-hutopySecondary;
@apply w-fit;
} }
.donation-action:hover {
@apply bg-hutopySecondary;
}
.error-message { .error-message {
color: white; color: white;
background-color: red; background-color: red;