diff --git a/Francesco.Recipes.World/Views/Recipe/Create.cshtml b/Francesco.Recipes.World/Views/Recipe/Create.cshtml
index 5e3f77a..b10907b 100644
--- a/Francesco.Recipes.World/Views/Recipe/Create.cshtml
+++ b/Francesco.Recipes.World/Views/Recipe/Create.cshtml
@@ -78,7 +78,7 @@
Zutaten
@await Html.PartialAsync("_IngredientsPartial", Model.IngredientViewModel ?? new IngredientViewModel
{
- RecipeId = Model.CategoryId, // Setzt die richtige ID für das globale Script
+ RecipeId = Model.CategoryId,
Ingredients = new List(),
Units = ViewBag.Units ?? new List()
})
@@ -111,78 +111,4 @@
-
-
-@section Scripts {
-
-
- @await Html.PartialAsync("_ValidationScriptsPartial")
-
-}
diff --git a/Francesco.Recipes.World/wwwroot/css/site.css b/Francesco.Recipes.World/wwwroot/css/site.css
index f8d98fc..a505610 100644
--- a/Francesco.Recipes.World/wwwroot/css/site.css
+++ b/Francesco.Recipes.World/wwwroot/css/site.css
@@ -19,4 +19,69 @@ html {
body {
margin-bottom: 60px;
+}
+
+.instruction-item, .ingredient-item {
+ background-color: #f8f9fa;
+ padding: 15px;
+ margin-bottom: 10px;
+ border-radius: 4px;
+}
+
+.instruction-controls, .ingredient-controls {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.instruction-media {
+ width: 80px;
+ height: 80px;
+ overflow: hidden;
+ margin-right: 10px;
+}
+
+ .instruction-media img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+
+.instruction-file {
+ max-width: 200px;
+}
+
+textarea.form-control {
+ min-height: 80px;
+}
+
+.btn-delete, .btn-move-up, .btn-move-down, .btn-save {
+ background: none;
+ border: none;
+ font-size: 1.2rem;
+ cursor: pointer;
+}
+
+.btn-delete {
+ color: #dc3545;
+}
+
+.btn-save {
+ color: #28a745;
+}
+
+.instruction-actions {
+ display: flex;
+ justify-content: flex-end;
+ margin-top: 5px;
+}
+
+.btn-add {
+ background-color: #007bff;
+ color: white;
+ border: none;
+ padding: 5px 10px;
+ border-radius: 4px;
+ cursor: pointer;
+ margin-top: 10px;
}
\ No newline at end of file