goodemagod commited on
Commit
3b8f567
verified
1 Parent(s): 52c60cb

Update formulador.html

Browse files
Files changed (1) hide show
  1. 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;