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/npc.less
+++ b/styles/npc.less
@@ -418,6 +418,112 @@
    .section-header { .cel-section-header(); }
  }

+  .tab.biographie {
+    .biography-layout {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) 220px;
+      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: 340px;
+      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: 500px;
+      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);
+    }
+  }
+
  .description-section, .notes-section {
    margin-top: 8px;
    .enriched-html { font-size: 0.9em; line-height: 1.6; }