frnix_06/Francescos.Recipes.World
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move css style on a separate .css file

Browse Source
This commit is contained in:
franc
2025-05-05 17:10:40 +02:00
parent dc9a1f1b9c
commit 4928a3cc7d
2 changed files with 66 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Francesco.Recipes.World/Views/Recipe/Create.cshtml
+1 -75
View File
@@ -78,7 +78,7 @@
<h2>Zutaten</h2> <h2>Zutaten</h2>
@await Html.PartialAsync("_IngredientsPartial", Model.IngredientViewModel ?? new IngredientViewModel @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>(), Ingredients = new List<Francesco.Recipes.World.Models.BackendModels.Ingredient.Ingredient>(),
Units = ViewBag.Units ?? new List<Francesco.Recipes.World.Models.BackendModels.Unit.Unit>() Units = ViewBag.Units ?? new List<Francesco.Recipes.World.Models.BackendModels.Unit.Unit>()
}) })
@@ -111,78 +111,4 @@
</div> </div>
</form> </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")
}
Francesco.Recipes.World/wwwroot/css/site.css
+65
View File
@@ -19,4 +19,69 @@ html {
body { body {
margin-bottom: 60px; 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;
} }