add life info box

2020-01-29 19:51:55 +08:00
parent 4848d111c2
commit f73ce2be91
6 changed files with 322 additions and 220 deletions
--- a/src/UserAction.css
+++ b/src/UserAction.css
@@ -56,4 +56,25 @@
    width: 100%;
    min-height: 5em;
    height: 20em;
+}
+
+.life-info-table {
+    width: 100%;
+    margin: auto;
+}
+@media screen and (min-width: 375px) {
+    .life-info-table {
+        width: 315px;
+    }
+}
+.life-info-table td {
+    padding: .25em;
+}
+.life-info-table td:nth-child(1) {
+    font-weight: bold;
+    text-align: right;
+}
+
+.life-info-error a {
+    --var-link-color: hsl(25,100%,45%);
 }