Update formulador.html
Browse files- formulador.html +6 -17
formulador.html
CHANGED
@@ -29,25 +29,15 @@
|
|
29 |
transform: translateX(20px);
|
30 |
opacity: 0;
|
31 |
}
|
32 |
-
|
33 |
-
body, html {
|
34 |
-
margin: 0;
|
35 |
-
padding: 0;
|
36 |
-
width: 100%;
|
37 |
-
height: 100%;
|
38 |
-
overflow: hidden; /* Evita barras de desplazamiento innecesarias */
|
39 |
-
}
|
40 |
-
.container {
|
41 |
-
width: 100%;
|
42 |
-
height: 100%;
|
43 |
-
display: flex;
|
44 |
-
flex-direction: column;
|
45 |
-
}
|
46 |
-
|
47 |
</style>
|
48 |
</head>
|
49 |
<body class="bg-gray-50 min-h-screen">
|
50 |
<div class="container mx-auto px-4 py-8">
|
|
|
|
|
|
|
|
|
|
|
51 |
|
52 |
<!-- Main Content -->
|
53 |
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
@@ -300,8 +290,7 @@
|
|
300 |
return this.ingredientOptions.find(item => item.name === name);
|
301 |
},
|
302 |
calculateNutrition() {
|
303 |
-
if (this
|
304 |
-
.totalPercentage === 0) return;
|
305 |
|
306 |
let totalProtein = 0;
|
307 |
let totalEnergy = 0;
|
|
|
29 |
transform: translateX(20px);
|
30 |
opacity: 0;
|
31 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
32 |
</style>
|
33 |
</head>
|
34 |
<body class="bg-gray-50 min-h-screen">
|
35 |
<div class="container mx-auto px-4 py-8">
|
36 |
+
<!-- Header -->
|
37 |
+
<header class="mb-10 text-center">
|
38 |
+
<h1 class="text-4xl font-bold text-indigo-800 mb-2">Formulador de Piensos para Cerdos</h1>
|
39 |
+
<p class="text-lg text-gray-600">Crea f贸rmulas nutricionales 贸ptimas para cada etapa productiva</p>
|
40 |
+
</header>
|
41 |
|
42 |
<!-- Main Content -->
|
43 |
<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
|
|
290 |
return this.ingredientOptions.find(item => item.name === name);
|
291 |
},
|
292 |
calculateNutrition() {
|
293 |
+
if (this.totalPercentage === 0) return;
|
|
|
294 |
|
295 |
let totalProtein = 0;
|
296 |
let totalEnergy = 0;
|