refacto: Making Tailwind offline + making it Tauri compatible for compilation

2026-09-02 03:03:11 +02:00 · 2026-08-01 21:48:49 +02:00
parent 512857d0cf
commit 9c16fd6305
13 changed files with 561 additions and 13 deletions
@@ -17,5 +17,8 @@ package.json
 pyproject.toml
 uv.lock

+# Tauri files
+src-tauri/
+
 # Virtual environments
 .venv
@@ -0,0 +1 @@
+@import "tailwindcss";
@@ -57,4 +57,40 @@ input[type="number"] {
  #pkChart {
    min-height: 280px;
  }
+}
+
+/* Annulation des flèches sur les numéros */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+/* Scrollbar timeline */
+#timelineGrid::-webkit-scrollbar {
+  height: 8px;
+}
+#timelineGrid::-webkit-scrollbar-track {
+  background: rgba(15, 23, 42, 0.6);
+  border-radius: 9999px;
+}
+#timelineGrid::-webkit-scrollbar-thumb {
+  background: rgba(51, 65, 85, 0.8);
+  border-radius: 9999px;
+}
+
+/* Transitions modale */
+#modalCalc {
+  transition: opacity 0.2s ease-in-out;
+}
+#modalCalc.hidden {
+  opacity: 0;
+  pointer-events: none;
+}
+#modalCalc:not(.hidden) {
+  opacity: 1;
+  pointer-events: auto;
 }
@@ -5,18 +5,16 @@
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>KétaPK - Simulation Pharmacocinétique</title>

-  <!-- Tailwind CSS -->
-  <script src="https://cdn.tailwindcss.com"></script>
+  <!-- CSS Tailwind compilé (Léger, rapide, hors-ligne) -->
+  <link rel="stylesheet" href="css/tailwind.css">

-  <!-- Chart.js + Plugins -->
-  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@3.0.1/dist/chartjs-plugin-annotation.min.js"></script>
-
-  <!-- jsPDF -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
-
-  <!-- Custom CSS -->
+  <!-- CSS Personnalisé -->
  <link rel="stylesheet" href="css/styles.css">
+
+  <!-- Librairies JS Statiques -->
+  <script src="vendor/chart.umd.min.js"></script>
+  <script src="vendor/chartjs-plugin-annotation.min.js"></script>
+  <script src="vendor/jspdf.umd.min.js"></script>
 </head>
 <body class="h-full flex flex-col font-sans antialiased selection:bg-amber-500 selection:text-slate-950">

@@ -1,4 +1,4 @@
-import { MODES, PK_MODELS, CLINICAL_THRESHOLDS, generateSimulationData } from '/pkCore.js';
+import { MODES, PK_MODELS, CLINICAL_THRESHOLDS, generateSimulationData } from './pkCore.js';
 import { adjustChartYScale } from './chartManager.js';
 import { initCalculatorUI } from './calculator.js';
 import { generatePDFReport } from './pdfExport.js';
@@ -1,4 +1,4 @@
-import { CalculatorEngine } from '/pkCore.js';
+import { CalculatorEngine } from './pkCore.js';

 export function initCalculatorUI() {
  const modal = document.getElementById('modalCalc');
@@ -1,4 +1,4 @@
-import { CLINICAL_THRESHOLDS } from '/pkCore.js';
+import { CLINICAL_THRESHOLDS } from './pkCore.js';
 import { t } from './i18n.js';

 export function updateChartAnnotations(chart, mode, currentYMax) {