This commit is contained in:
@@ -123,7 +123,18 @@
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="save-menu-btn">
|
||||
Spara
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<datalist id="meals-list">
|
||||
@foreach (var meal in (ViewBag.AvailableMeals as List<Aberwyn.Models.Meal>) ?? new List<Aberwyn.Models.Meal>())
|
||||
{
|
||||
<option value="@meal.Name.Trim()"></option>
|
||||
}
|
||||
</datalist>
|
||||
</section>
|
||||
|
||||
<!-- Wishlist -->
|
||||
|
||||
@@ -180,7 +180,7 @@
|
||||
</div>
|
||||
<div class="budget-sheet-cell net" ng-if="showTotals">
|
||||
{{ getYearTotal(yearData.months, 'net') | number:0 }}
|
||||
</div>
|
||||
</div>ö
|
||||
|
||||
<div class="budget-extra-columns">
|
||||
<div class="budget-sheet-cell other"
|
||||
|
||||
@@ -324,4 +324,66 @@
|
||||
width: 100%;
|
||||
min-width: 600px; /* säkerställer scroll om skärm <600px */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
}
|
||||
/* Mobilanpassning */
|
||||
@media (max-width: 768px) {
|
||||
.menu-wishlist-wrapper {
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.weekly-editor {
|
||||
flex: 1;
|
||||
min-width: auto; /* låt den krympa */
|
||||
}
|
||||
|
||||
.wishlist {
|
||||
position: static; /* ta bort sticky på mobil */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wishlist-actions {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.wishlist-actions .btn {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* Gör tabeller scrollbara på små skärmar */
|
||||
table {
|
||||
display: block;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
th, td {
|
||||
font-size: 0.8rem;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.day-cell button {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Gör senaste 4 veckor till ett kort på mobil */
|
||||
.recent-history-fullwidth {
|
||||
background: var(--surface);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
||||
padding: 1rem;
|
||||
margin-top: 1rem;
|
||||
overflow-x: auto; /* egen scroll */
|
||||
}
|
||||
|
||||
.recent-history-fullwidth table {
|
||||
min-width: 500px; /* så att den triggar scroll */
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.recent-history-fullwidth h2 {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user