This commit is contained in:
@@ -123,7 +123,18 @@
|
|||||||
}
|
}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
<div class="form-actions">
|
||||||
|
<button type="submit" class="save-menu-btn">
|
||||||
|
Spara
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</form>
|
</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>
|
</section>
|
||||||
|
|
||||||
<!-- Wishlist -->
|
<!-- Wishlist -->
|
||||||
|
|||||||
@@ -180,7 +180,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="budget-sheet-cell net" ng-if="showTotals">
|
<div class="budget-sheet-cell net" ng-if="showTotals">
|
||||||
{{ getYearTotal(yearData.months, 'net') | number:0 }}
|
{{ getYearTotal(yearData.months, 'net') | number:0 }}
|
||||||
</div>
|
</div>ö
|
||||||
|
|
||||||
<div class="budget-extra-columns">
|
<div class="budget-extra-columns">
|
||||||
<div class="budget-sheet-cell other"
|
<div class="budget-sheet-cell other"
|
||||||
|
|||||||
@@ -324,4 +324,66 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 600px; /* säkerställer scroll om skärm <600px */
|
min-width: 600px; /* säkerställer scroll om skärm <600px */
|
||||||
border-collapse: collapse;
|
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