npm - mantenimento-app - Versions diffs - 2.4.6 → 2.4.7 - Mend

mantenimento-app 2.4.6 → 2.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/frontend/public/index.html +2 -2
package/frontend/public/styles.css +35 -25
package/package.json +1 -1

package/frontend/public/index.html CHANGED Viewed

@@ -88,7 +88,7 @@
     ]
   }
   </script>
-    <link rel="stylesheet" href="styles.css?v=2.4.6" />
+    <link rel="stylesheet" href="styles.css?v=2.4.7" />
 </head>
 <body>
   <div class="wrap">
@@ -630,7 +630,7 @@
   <script src="supabase.min.js"></script>
   <script src="fabric.min.js"></script>
   <script src="html2pdf.bundle.min.js"></script>
-    <script src="app.js?v=2.4.6"></script>
+    <script src="app.js?v=2.4.7"></script>
 </body>
 </html>

package/frontend/public/styles.css CHANGED Viewed

@@ -1036,7 +1036,7 @@
       border-radius: 14px;
       padding: 12px;
       background: linear-gradient(135deg, #ffffff 0%, #f5fbf9 100%);
-      min-height: 62px;
+      min-height: 74px;
       display: grid;
       align-content: center;
       gap: 4px;
@@ -1091,16 +1091,16 @@
     }
     .mortgage-split-name {
-      font-size: 0.73rem;
+      font-size: 0.92rem;
       font-weight: 800;
       color: #1a3a36;
       overflow-wrap: anywhere;
-      letter-spacing: 0.3px;
+      letter-spacing: 0.2px;
       text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
     }
     .mortgage-split-amount {
-      font-size: 0.95rem;
+      font-size: 1.28rem;
       font-weight: 900;
       color: #0b4440;
       letter-spacing: 0.3px;
@@ -1126,30 +1126,34 @@
     .mortgage-split-range-controls {
       display: grid;
-      grid-template-columns: 34px minmax(0, 1fr) 34px;
-      gap: 7px;
+      grid-template-columns: 42px minmax(0, 1fr) 42px;
+      gap: 8px;
       align-items: center;
     }
     .mortgage-split-nudge {
-      height: 32px;
-      width: 32px;
+      height: 38px;
+      width: 38px;
+      padding: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
       border-radius: 50%;
-      border: 1.5px solid rgba(27, 141, 127, 0.24);
-      background: linear-gradient(180deg, #ffffff, #edf8f5);
-      color: #11655b;
-      font-size: 13px;
+      border: 1.5px solid rgba(27, 141, 127, 0.3);
+      background: radial-gradient(circle at 30% 30%, #ffffff 0%, #ecfaf6 44%, #dff4ef 100%);
+      color: #0f6056;
+      font-size: 17px;
       font-weight: 900;
       line-height: 1;
       cursor: pointer;
-      box-shadow: 0 2px 8px rgba(17, 93, 84, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.85);
+      box-shadow: 0 4px 10px rgba(17, 93, 84, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.9);
       transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
     }
     .mortgage-split-nudge:hover {
-      transform: translateY(-1px) scale(1.04);
-      border-color: rgba(27, 141, 127, 0.38);
-      box-shadow: 0 4px 12px rgba(17, 93, 84, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9);
+      transform: translateY(-1px) scale(1.06);
+      border-color: rgba(27, 141, 127, 0.44);
+      box-shadow: 0 7px 16px rgba(17, 93, 84, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.92);
     }
     .mortgage-split-nudge:active {
@@ -1230,13 +1234,13 @@
       top: 2px;
       left: var(--split-left);
       transform: translateX(-50%);
-      font-size: 0.73rem;
+      font-size: 0.92rem;
       font-weight: 900;
       color: #0f544d;
       background: linear-gradient(135deg, #ffffff, #f5fbf9);
       border: 1.5px solid rgba(27, 141, 127, 0.2);
       border-radius: 999px;
-      padding: 2px 9px;
+      padding: 4px 11px;
       white-space: nowrap;
       box-shadow: 0 2px 6px rgba(27, 141, 127, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.6);
       transition: all 0.2s ease;
@@ -1256,17 +1260,23 @@
     #primaCasaMutuoSplitInfo {
       margin-top: 7px;
-      font-size: 0.79rem;
+      font-size: 0.95rem;
       font-weight: 700;
       color: #174e47;
       background: linear-gradient(90deg, rgba(22, 163, 150, 0.12), rgba(216, 154, 53, 0.12));
       border: 1px solid rgba(22, 163, 150, 0.14);
       border-radius: 999px;
-      padding: 4px 10px;
+      padding: 7px 12px;
       display: inline-flex;
       align-items: center;
       gap: 4px;
     }
+    .first-home-split-field > .label-row {
+      font-size: 1.1rem;
+      font-weight: 800;
+      color: #114b44;
+    }
     .label-row {
       display: inline-flex;
@@ -2743,7 +2753,7 @@
       padding: 7px;
     }
-    .kpi-item strong { font-size: 1.05rem; font-weight: 700; white-space: nowrap; }
+    .kpi-item:not(.kpi-item--longtext) strong { font-size: 1.05rem; font-weight: 700; white-space: nowrap; }
     .result-pill {
       border-radius: 14px;
@@ -3539,13 +3549,13 @@
       }
       .mortgage-split-range-controls {
-        grid-template-columns: 30px minmax(0, 1fr) 30px;
+        grid-template-columns: 34px minmax(0, 1fr) 34px;
       }
       .mortgage-split-nudge {
-        height: 28px;
-        width: 28px;
-        font-size: 12px;
+        height: 32px;
+        width: 32px;
+        font-size: 14px;
       }
       .spieg-grid {
         grid-template-columns: 1fr;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "mantenimento-app",
-  "version": "2.4.6",
+  "version": "2.4.7",
   "description": "Frontend + backend architecture for the mantenimento calculator",
   "type": "commonjs",
   "main": "backend/calculate-model.js",