feat: fiche PNJ (profil + niveaux) et passage du véhicule en acteur

2026-08-04 20:34:20 +02:00
parent ea3322e843
commit cf905cdcfb
36 changed files with 1288 additions and 707 deletions
@@ -0,0 +1,172 @@
+@import "../variables";
+@import "../utilities";
+
+.system-vermine2047 .vermine2047.actor.vehicle {
+  display: grid !important;
+  grid-template-columns: 1fr !important;
+  grid-template-rows: auto 1fr auto !important;
+
+  > header.window-header {
+    grid-column: 1;
+    grid-row: 1;
+  }
+
+  > section.window-content {
+    grid-column: 1;
+    grid-row: 2;
+  }
+
+  > div.window-resize-handle {
+    grid-column: 1;
+    grid-row: 3;
+  }
+
+  .window-content {
+    display: grid;
+    grid-template-rows: auto auto 1fr;
+    grid-template-columns: 1fr;
+    overflow: hidden;
+
+    > .tab.main {
+      grid-column: 1;
+      grid-row: 1;
+      display: flex !important;
+      flex-direction: column;
+      overflow-y: auto;
+      padding: 8px;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+    }
+
+    > nav.tabs {
+      grid-column: 1;
+      grid-row: 2;
+    }
+
+    > .tab:not(.main) {
+      grid-column: 1;
+      grid-row: 3;
+      display: none;
+      overflow-y: auto;
+      padding: 8px;
+
+      &.active {
+        display: flex;
+        flex-direction: column;
+      }
+    }
+  }
+
+  .sheet-header {
+    .background-image(url("@{ui-path}/barre_haut.webp"), no-repeat, 100% 100%, right top);
+    padding: 10px;
+    max-height: 130px;
+  }
+
+  .header-fields { flex: 1; }
+
+  .resource {
+    .card-style();
+  }
+
+  .resource-label {
+    font-weight: bold;
+    margin-right: 8px;
+    min-width: 60px;
+    font-size: @font-size-12;
+  }
+
+  .resource-content {
+    display: flex;
+    align-items: center;
+
+    select {
+      margin-right: 8px;
+      min-width: 100px;
+    }
+
+    input[type="number"] {
+      width: 60px;
+      text-align: center;
+    }
+  }
+
+  .charname {
+    margin: 0;
+
+    input {
+      width: 100%;
+      font-size: @font-size-18;
+      font-weight: bold;
+      text-align: center;
+    }
+  }
+
+  .vehicle-owner {
+    display: flex;
+    gap: 6px;
+    margin-bottom: 8px;
+    padding: 6px 8px;
+    border: 1px dashed @color-hemolymph;
+    background: fade(@color-hemolymph, 8%);
+
+    .label {
+      font-family: "DistressBlack", sans-serif;
+      text-transform: uppercase;
+      font-size: @font-size-11;
+      color: @color-amber;
+    }
+  }
+
+  .vehicle-section {
+    padding: 8px;
+    border: 1px solid @color-border-dark-4;
+    background: fade(@color-chitin-dark, 20%);
+    margin-bottom: 8px;
+
+    h3 {
+      font-family: "DistressBlack", sans-serif;
+      text-transform: uppercase;
+      font-size: @font-size-13;
+      color: @theme-color-dark;
+      margin: 0 0 8px;
+      text-align: left;
+      border-bottom: none;
+    }
+
+    .resource-label {
+      display: block;
+      margin: 0 0 4px;
+      min-width: 0;
+    }
+
+    .unit {
+      font-size: @font-size-11;
+      color: @color-text-light-0;
+      opacity: 0.8;
+    }
+
+    .maintenance {
+      margin-top: 8px;
+
+      .flexrow label {
+        gap: 4px;
+        margin-right: 12px;
+        font-size: @font-size-12;
+      }
+    }
+
+    .form-group {
+      label {
+        font-family: "DistressBlack", sans-serif;
+        text-transform: uppercase;
+        font-size: @font-size-11;
+        color: @color-amber;
+      }
+    }
+  }
+
+  input[type="text"] {
+    width: 100%;
+    padding: 5px;
+  }
+}