add toggle to enable/disable block audits

2022-12-29 07:38:57 -06:00
parent 94add379d0
commit 2ed49cf944
7 changed files with 78 additions and 33 deletions
--- a/frontend/src/app/shared/components/toggle/toggle.component.html
+++ b/frontend/src/app/shared/components/toggle/toggle.component.html
@@ -1,8 +1,8 @@
 <div class="d-flex align-items-center">
-  <span style="margin-bottom: 0.5rem">{{ textLeft }}</span>&nbsp;
-  <label class="switch">
+  <span>{{ textLeft }}</span>&nbsp;
+  <label class="switch" style="margin-bottom: 0;">
    <input type="checkbox" [checked]="checked" (change)="onToggleStatusChanged($event)">
-    <span class="slider round"></span>
+    <span class="slider round" [class.animate]="animate"></span>
  </label>
-  &nbsp;<span style="margin-bottom: 0.5rem">{{ textRight }}</span>
+  &nbsp;<span>{{ textRight }}</span>
 </div>