More css and button fixes
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Elias Jansson
2025-07-07 15:47:26 +02:00
parent 4a7a2c30c9
commit 95811ce3f8
2 changed files with 19 additions and 15 deletions

View File

@@ -30,7 +30,7 @@
@if (isEditing) @if (isEditing)
{ {
<div style="margin-top: 0.5rem;"> <div style="margin-top: 0.5rem;">
<button type="button" class="btn-outline" onclick="openImageModal()">Byt bild</button> <button type="button" class="btn-lewel-outline" onclick="openImageModal()">Byt bild</button>
</div> </div>
} }
@@ -101,8 +101,9 @@
<div style="margin-top: 0.5rem;"> <div style="margin-top: 0.5rem;">
<label for="bulkIngredients">Klistra in flera ingredienser</label> <label for="bulkIngredients">Klistra in flera ingredienser</label>
<textarea id="bulkIngredients" placeholder="1 dl mjölk&#10;2 tsk socker" class="form-control" rows="3"></textarea> <textarea id="bulkIngredients" placeholder="1 dl mjölk&#10;2 tsk socker" class="form-control" rows="3"></textarea>
<button type="button" class="btn-outline" onclick="parseBulkIngredients()">Lägg till från lista</button> <button type="button" class="btn-lewel-outline" onclick="parseBulkIngredients()">Lägg till från lista</button>
<button type="button" class="btn-outline" onclick="addIngredientRow()">+ Lägg till rad</button> <button type="button" class="btn-lewel-outline" onclick="addIngredientRow()">+ Lägg till rad</button>
</div> </div>
</div> </div>
</div> </div>
@@ -113,9 +114,10 @@
</label> </label>
</div> </div>
<div class="buttons"> <div class="buttons">
<button type="submit" class="btn">Spara</button> <button type="submit" class="btn-lewel">Spara</button>
<button type="submit" formaction="@Url.Action("DeleteMeal", new { id = Model.Id })" formmethod="post" onclick="return confirm('Vill du verkligen ta bort denna måltid?');" class="btn-outline">Ta bort</button> <button type="submit" formaction="@Url.Action("DeleteMeal", new { id = Model.Id })" formmethod="post" onclick="return confirm('Vill du verkligen ta bort denna måltid?');" class="btn-lewel-outline">Ta bort</button>
<a href="@Url.Action("View", new { id = Model.Id, edit = false })" class="btn-outline">Avbryt</a> <a href="@Url.Action("View", new { id = Model.Id, edit = false })" class="btn-lewel-outline">Avbryt</a>
</div> </div>
</form> </form>
} }
@@ -149,14 +151,16 @@
</div> </div>
} }
<div class="buttons"> <div style="display: flex; gap: 0.5rem;">
@if (isChef) @if (isChef)
{ {
<a class="btn-outline" href="@Url.Action("View", new { id = Model.Id, edit = true })">Redigera</a> <a class="btn-lewel-outline slim" href="@Url.Action("View", new { id = Model.Id, edit = true })">Redigera</a>
} }
<button type="button" class="btn-outline" onclick="toggleRecipe()">Recept</button> <button type="button" class="btn-lewel-outline slim" onclick="toggleRecipe()">Recept</button>
</div> </div>
<div id="recipe-section" style="display:none; margin-top:1.5rem;"> <div id="recipe-section" style="display:none; margin-top:1.5rem;">
<h2>Så här gör du</h2> <h2>Så här gör du</h2>
@if (!string.IsNullOrWhiteSpace(Model.Instructions)) @if (!string.IsNullOrWhiteSpace(Model.Instructions))

View File

@@ -27,11 +27,6 @@
gap: 1.5rem; gap: 1.5rem;
align-items: center; align-items: center;
} }
@media (max-width: 769px) {
.meal-header {
flex-direction: column; /* <-- sätt till 'row' om du vill ha bild till höger på desktop */
}
}
.meal-meta { .meal-meta {
flex: 1; flex: 1;
@@ -136,7 +131,7 @@
flex: 2 0 60%; flex: 2 0 60%;
} }
@@media (max-width: 768px) { @media (max-width: 768px) {
.meal-container { .meal-container {
padding: 1rem; padding: 1rem;
} }
@@ -202,3 +197,8 @@
.fa-star.rated { .fa-star.rated {
color: #ffcc00; color: #ffcc00;
} }
.slim {
padding: 0.3rem 0.6rem;
font-size: 0.85rem;
}