Affichage des images de tarot

styles/simple.css

@@ -332,6 +332,16 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
   object-fit: cover;
   object-position: 50% 0;
 }
+.foundryvtt-reve-de-dragon .rdd-item-sheet-tarot img.profile-img {
+  max-height: 600px;
+  max-width: 200px;
+  width: max-content;
+  margin-right: 0px;
+  object-fit: scale-down;
+  border: none;
+  margin-right: 5px;
+  object-position: 50% 0;
+}
 .rdd-dialog-select-target img.select-token-img {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 48px;

templates/item-tarot-sheet.html

@@ -1,7 +1,12 @@
-<form class="{{cssClass}}" autocomplete="off">
+<form class="rdd-item-sheet-tarot" autocomplete="off">
-  {{>"systems/foundryvtt-reve-de-dragon/templates/header-item.html"}}
+  <header class="sheet-header">
-  {{!-- Sheet Body --}}
+    <div class="header-fields">
+      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
+    </div>
+  </header>
   <section class="sheet-body">
+    <div class="flexrow">
+      <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}"/>
       <div class="flexcol">
         <div class="form-group">
           <label>Aspect</label>
@@ -15,8 +20,8 @@
             {{/select}}
           </select>
         </div>
-
         {{>"systems/foundryvtt-reve-de-dragon/templates/partial-item-frequence.html"}}
         {{>"systems/foundryvtt-reve-de-dragon/templates/partial-item-description.html"}}
+      </div>
     </section>
 </form>