Updated front-end authentication.

JSMR.UI.Blazor/wwwroot/css/app.css

@@ -659,8 +659,14 @@ code {
     .j-chip.is-clickable {
         cursor: pointer;
         user-select: none;
+        --chip-hover-alpha: 0.2;
+        transition: .2s linear;
     }
 
+        .j-chip.is-clickable:hover {
+            background: rgb(var(--chip-rgb) / var(--chip-hover-alpha));
+        }
+
     .j-chip.varient-filled {
         padding: .4rem .8rem;
         border-radius: 1rem;
@@ -703,6 +709,21 @@ code {
     width: 16px;
 }
 
+.j-icon.size-small {
+    width: 1rem;
+    height: 1rem;
+}
+
+.j-icon.size-medium {
+    width: 1.5rem;
+    height: 1.5rem;
+}
+
+.j-icon.size-large {
+    width: 2rem;
+    height: 2rem;
+}
+
 .j-icon-color-yellow {
     background: #ffe073;
 }
@@ -784,6 +805,14 @@ code {
     mask-image: url("../svg/person-fill.svg");
 }
 
+.j-icon-avatar {
+    mask-image: url("../svg/person-circle.svg");
+}
+
+.j-icon-avatar-fill {
+    mask-image: url("../svg/person-circle.svg");
+}
+
 .j-icon-sort {
     mask-image: url("../svg/sort.svg");
 }