Enhance actor sheet

2025-05-24 00:13:41 +02:00
parent 666fb4c00a
commit 4bed84358b
6 changed files with 173 additions and 17 deletions
--- a/styles/character.less
+++ b/styles/character.less
@@ -78,6 +78,12 @@
          max-width: 16rem;
          margin-bottom: auto;
        }
+        .trait{
+          min-width: 13rem;
+          max-width: 13rem;
+          margin-right: 1rem;
+          margin-bottom: auto;
+        }
      }
      .character-name {
        display: flex;
@@ -470,6 +476,38 @@
      width: 100%;
    }
  }
+  .deals {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 4px;
+    .deal {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      margin-left: 4px;
+      min-width: 12rem;
+      max-width: 12rem;
+      .rollable:hover,
+      .rollable:focus {
+        text-shadow: 0 0 8px var(--color-shadow-primary);
+        cursor: pointer;
+      }
+      .controls {
+        font-size: 0.7rem;
+        min-width: 1.8rem;
+        max-width: 1.8rem;
+      }
+      .name {
+        min-width: 10rem;
+        max-width: 10rem;
+      }
+      .item-img {
+        width: 24px;
+        height: 24px;
+        margin: 4px 0 0 0;
+      }
+    }
+  }
  .biodata {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
@@ -491,13 +529,17 @@
      align-items: center;
      gap: 4px;
      margin-left: 4px;
-      min-width: 12rem;
-      max-width: 12rem;
+      min-width: 14rem;
+      max-width: 14rem;
+    }
+    input .tarot {
+      min-width: 8rem;
+      max-width: 8rem;
    }
    input {
-      min-width: 4rem;
-      max-width: 4rem;
-  }
+      min-width: 8rem;
+      max-width: 8rem;
+    }
  }

  prose-mirror.inactive {