feat: 14.0 - Frontend - Responsive mobile design

This commit is contained in:
Echo
2026-02-10 13:09:55 +00:00
parent 1d56fe388e
commit 0011664b58
2 changed files with 289 additions and 5 deletions

View File

@@ -383,14 +383,42 @@
height: 18px;
}
/* Touch targets >= 44x44px for accessibility */
.habit-checkbox {
width: 28px;
height: 28px;
width: 44px;
height: 44px;
}
.habit-checkbox svg {
width: 16px;
height: 16px;
width: 20px;
height: 20px;
}
/* Full-screen modal on mobile */
.modal {
width: 100%;
max-width: 100%;
height: 100vh;
max-height: 100vh;
border-radius: 0;
padding: var(--space-5);
}
/* Larger touch targets for buttons */
.add-habit-btn {
padding: var(--space-4) var(--space-5);
min-height: 44px;
}
.btn {
min-height: 44px;
padding: var(--space-3) var(--space-5);
}
/* Larger radio buttons for touch */
.radio-label {
padding: var(--space-4);
min-height: 44px;
}
}
</style>
@@ -472,7 +500,7 @@
<h2 class="modal-title">Obișnuință nouă</h2>
<div class="form-group">
<label class="form-label">Nume *</label>
<input type="text" class="input" id="habitName" placeholder="ex: Bazin, Sală, Meditație...">
<input type="text" class="input" id="habitName" placeholder="ex: Bazin, Sală, Meditație..." autocapitalize="words" autocomplete="off">
</div>
<div class="form-group">
<label class="form-label">Frecvență</label>