Portraits et corrections sur valeurs des PNJ

2026-04-12 11:52:17 +02:00
parent 7a2be0cc0e
commit 44cc07db73
91 changed files with 4612 additions and 212 deletions
--- a/styles/character.less
+++ b/styles/character.less
@@ -675,10 +675,114 @@
    }
  }

-  .biography-section, .notes-section {
-    margin-bottom: 12px;
-    .section-header { .cel-section-header(); }
-    .enriched-html { font-size: 0.9em; line-height: 1.6; }
+  .tab.biography {
+    .biography-layout {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) 230px;
+      gap: 16px;
+      align-items: start;
+    }
+
+    .biography-main {
+      min-width: 0;
+    }
+
+    .biography-portrait-panel {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+
+      .section-header { .cel-section-header(); }
+    }
+
+    .biography-portrait-preview {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 8px;
+      min-height: 360px;
+      background: rgba(12,76,12,0.08);
+      border: 1px solid rgba(122,92,32,0.25);
+      border-radius: 6px;
+      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
+    }
+
+    .biography-portrait-image {
+      display: block;
+      width: 100%;
+      max-height: 520px;
+      aspect-ratio: 2 / 3;
+      object-fit: contain;
+      object-position: top center;
+    }
+
+    .biography-portrait-empty {
+      padding: 14px;
+      color: var(--cel-border);
+      font-size: 0.82em;
+      font-style: italic;
+      text-align: center;
+      line-height: 1.5;
+    }
+
+    .biography-portrait-field {
+      display: flex;
+
+      file-picker {
+        flex: 1;
+      }
+
+      file-picker input[type="text"] {
+        .cel-input-std();
+      }
+    }
+
+    .biography-portrait-actions {
+      display: flex;
+    }
+
+    .biography-portrait-send {
+      display: inline-flex;
+      align-items: center;
+      width: 100%;
+      justify-content: center;
+      gap: 6px;
+      padding: 6px 10px;
+      border: 1px solid rgba(122,92,32,0.35);
+      border-radius: 4px;
+      background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(233,223,201,0.95));
+      color: var(--cel-green);
+      font-size: 0.82em;
+      font-weight: bold;
+      cursor: pointer;
+
+      &:hover {
+        border-color: var(--cel-orange);
+        color: var(--cel-orange);
+        background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(240,229,209,1));
+      }
+
+      &:disabled {
+        opacity: 0.5;
+        cursor: default;
+        color: var(--cel-border);
+        border-color: rgba(122,92,32,0.2);
+        background: rgba(220,210,188,0.45);
+      }
+    }
+
+    .biography-portrait-hint {
+      margin: 0;
+      font-size: 0.78em;
+      font-style: italic;
+      color: var(--cel-border);
+    }
+
+    .biography-section, .notes-section {
+      margin-bottom: 12px;
+      .section-header { .cel-section-header(); }
+      .enriched-html { font-size: 0.9em; line-height: 1.6; }
+    }
  }

  // ── Section Expérience (onglet Biographie) ──────────────────────────────