From 4928a3cc7da5f66e05b838b2976a7bccc8c270a9 Mon Sep 17 00:00:00 2001
From: franc <franc@FRANCESCOSBUSIN>
Date: Mon, 5 May 2025 17:10:40 +0200
Subject: [PATCH] Move css style on a separate .css file

---
 .../Views/Recipe/Create.cshtml                | 76 +------------------
 Francesco.Recipes.World/wwwroot/css/site.css  | 65 ++++++++++++++++
 2 files changed, 66 insertions(+), 75 deletions(-)

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 @@
 		<h2>Zutaten</h2>
 		@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<Francesco.Recipes.World.Models.BackendModels.Ingredient.Ingredient>(),
 	Units = ViewBag.Units ?? new List<Francesco.Recipes.World.Models.BackendModels.Unit.Unit>()
 })
@@ -111,78 +111,4 @@
 	</div>
 </form>
 
-<style>
-	.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;
-	}
-</style>
-
-@section Scripts {
-	<script>
-		window.recipeId = '@Model.CategoryId';
-	</script>
-	<script src="~/js/site.js"></script>
-	@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