- corretto altre cose sulla registrazione

This commit is contained in:
Surya Paolo
2025-11-27 01:11:59 +01:00
parent 05bf8ad495
commit 2dca358cd3
4 changed files with 22 additions and 23 deletions

View File

@@ -116,7 +116,7 @@
size="lg" size="lg"
color="positive" color="positive"
icon="person_add" icon="person_add"
href="/bot" href="/registrati"
:label="$t('reg.submit')" :label="$t('reg.submit')"
class="register-btn" class="register-btn"
/> />

View File

@@ -26,13 +26,13 @@ $mobile-footer-height: 80px;
// ======================================== // ========================================
.signup-container { .signup-container {
width: 100%; width: 100%;
min-height: 100vh; min-height: 80vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background-attachment: fixed; background-attachment: fixed;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 20px; padding: 5px;
position: relative; position: relative;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
@@ -112,7 +112,7 @@ $mobile-footer-height: 80px;
// ======================================== // ========================================
.signup-header { .signup-header {
text-align: center; text-align: center;
padding: 0 10px 10px; padding: 12px 8px;
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border-radius: $border-radius-lg $border-radius-lg 0 0; border-radius: $border-radius-lg $border-radius-lg 0 0;
@@ -165,7 +165,6 @@ $mobile-footer-height: 80px;
// ======================================== // ========================================
.form-content { .form-content {
background: white; background: white;
border-radius: $border-radius-lg;
box-shadow: $shadow-lg; box-shadow: $shadow-lg;
overflow: hidden; overflow: hidden;
@@ -184,7 +183,7 @@ $mobile-footer-height: 80px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 24px 20px; padding: 4px 10px;
background: linear-gradient(to bottom, rgba(103, 126, 234, 0.05), transparent); background: linear-gradient(to bottom, rgba(103, 126, 234, 0.05), transparent);
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
@@ -233,7 +232,7 @@ $mobile-footer-height: 80px;
} }
.step-line { .step-line {
width: 50px; width: 30px;
height: 3px; height: 3px;
background: linear-gradient(to right, #e0e0e0, #bdbdbd); background: linear-gradient(to right, #e0e0e0, #bdbdbd);
margin: 0 4px; margin: 0 4px;
@@ -281,7 +280,7 @@ $mobile-footer-height: 80px;
// SLIDE CONTENT // SLIDE CONTENT
// ======================================== // ========================================
.slide-content { .slide-content {
padding: 5px 16px 16px; padding: 0px 16px 16px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
@@ -302,7 +301,7 @@ $mobile-footer-height: 80px;
.slide-header { .slide-header {
text-align: center; text-align: center;
padding-bottom: 16px; padding-bottom: 2px;
border-bottom: 2px solid rgba(0, 0, 0, 0.05); border-bottom: 2px solid rgba(0, 0, 0, 0.05);
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
@@ -323,7 +322,7 @@ $mobile-footer-height: 80px;
.slide-title { .slide-title {
font-size: 1.75rem; font-size: 1.75rem;
font-weight: 600; font-weight: 600;
margin: 12px 0 8px; margin: 4px 0 4px;
color: #1a1a1a; color: #1a1a1a;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
@@ -423,14 +422,14 @@ $mobile-footer-height: 80px;
// ======================================== // ========================================
.summary-card { .summary-card {
background: linear-gradient(135deg, rgba(103, 126, 234, 0.08), rgba(118, 75, 162, 0.08)); background: linear-gradient(135deg, rgba(103, 126, 234, 0.08), rgba(118, 75, 162, 0.08));
padding: 20px; padding: 10px;
border-radius: $border-radius; border-radius: $border-radius;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 12px; gap: 12px;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
padding: 12px; padding: 8px;
gap: 8px; gap: 8px;
} }
} }
@@ -438,8 +437,8 @@ $mobile-footer-height: 80px;
.summary-item { .summary-item {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 8px;
padding: 12px; padding: 8px;
background: white; background: white;
border-radius: $border-radius-sm; border-radius: $border-radius-sm;
font-size: 1rem; font-size: 1rem;
@@ -479,11 +478,11 @@ $mobile-footer-height: 80px;
.policy-section { .policy-section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 16px; gap: 0px;
padding-top: 16px; padding-top: 4px;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
gap: 12px; gap: 0px;
padding-top: 3px; padding-top: 3px;
} }
} }
@@ -507,7 +506,7 @@ $mobile-footer-height: 80px;
} }
.terms-checkbox { .terms-checkbox {
padding: 16px; padding: 8px;
background: rgba(0, 0, 0, 0.02); background: rgba(0, 0, 0, 0.02);
border-radius: $border-radius-sm; border-radius: $border-radius-sm;
transition: all $transition-speed ease; transition: all $transition-speed ease;
@@ -542,7 +541,7 @@ $mobile-footer-height: 80px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: 12px; gap: 12px;
padding: 20px 32px; padding: 10px 32px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.02), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.02), transparent);
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
@@ -550,7 +549,7 @@ $mobile-footer-height: 80px;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
padding: 12px 16px; padding: 8px 16px;
background: white; background: white;
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
z-index: 1000; z-index: 1000;
@@ -634,7 +633,7 @@ $mobile-footer-height: 80px;
// DEBUG STEPPER // DEBUG STEPPER
// ======================================== // ========================================
.debug-stepper { .debug-stepper {
padding: 16px 32px; padding: 8px 32px;
@media (max-width: $mobile-breakpoint) { @media (max-width: $mobile-breakpoint) {
padding: 12px 16px; padding: 12px 16px;

View File

@@ -153,7 +153,7 @@
animated animated
swipeable swipeable
class="modern-carousel" class="modern-carousel"
:height="isMobile ? 'auto' : '500px'" :height="isMobile ? 'auto' : 'auto'"
> >
<!-- Slide 1: Email e Invitante --> <!-- Slide 1: Email e Invitante -->
<q-carousel-slide <q-carousel-slide

View File

@@ -89,7 +89,7 @@
<div class="row items-center q-gutter-sm"> <div class="row items-center q-gutter-sm">
<q-icon name="info" color="primary" size="24px" /> <q-icon name="info" color="primary" size="24px" />
<div class="text-body2 text-grey-8"> <div class="text-body2 text-grey-8">
L'ammissione del membro verrà notificata via email e Telegram L'ammissione del membro gli verrà notificata via email
</div> </div>
</div> </div>
</q-card-section> </q-card-section>