feat: 14.0 - Frontend - Responsive mobile design
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user