NEW: Component: Matches (#99)

closes #99
dwhieb · Jun 9, 2024 · 4e9e765 · 4e9e765
1 parent 5b8d7b8
commit 4e9e765
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/pages/Component/Component.css b/pages/Component/Component.css
@@ -71,6 +71,7 @@ legend {
 
 #main {
   max-inline-size: min(60em, 100%);
+  row-gap:         1em;
 }
 
 .page-title {

diff --git a/pages/Component/Component.hbs b/pages/Component/Component.hbs
@@ -51,7 +51,21 @@
 
     <fieldset>
       <legend class=label>Matches</legend>
-      <dl></dl>
+      <dl>
+
+        <dt>AI</dt>
+        <dd>{{#if matches.AI }}{{ matches.AI }}{{else}}—{{/if}}</dd>
+
+        <dt>II</dt>
+        <dd>{{#if matches.II }}{{ matches.II }}{{else}}—{{/if}}</dd>
+
+        <dt>TA</dt>
+        <dd>{{#if matches.TA }}{{ matches.TA }}{{else}}—{{/if}}</dd>
+
+        <dt>TI</dt>
+        <dd>{{#if matches.TI }}{{ matches.TI }}{{else}}—{{/if}}</dd>
+
+      </dl>
     </fieldset>
 
     <fieldset>