From c37b7ee0f55aa0cf018003a68a7ac3033782afce Mon Sep 17 00:00:00 2001
From: Peter Olu <pemeraldy@gmail.com>
Date: Sun, 5 Jun 2022 22:56:31 +0100
Subject: [PATCH] Changing checkboxes

---
 src/views/dashboard/related/log/Header.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/dashboard/related/log/Header.vue b/src/views/dashboard/related/log/Header.vue
index 11c4c4d9..b50e524f 100644
--- a/src/views/dashboard/related/log/Header.vue
+++ b/src/views/dashboard/related/log/Header.vue
@@ -37,13 +37,14 @@ limitations under the License. -->
               v-for="item in logStore.serviceLogColumn"
               :key="item.value"
             >
-              <div
+            <el-checkbox v-model="item.isVisible" :label="item.value" fill="success"  />
+              <!-- <div
                 style="width: 100%"
                 class="flex-h items-center justify-between"
               >
                 <span style="margin-right: 10px">{{ t(item.value) }}</span>
                 <el-checkbox v-model="item.isVisible" size="large" />
-              </div>
+              </div> -->
             </el-dropdown-item>
           </el-dropdown-menu>
         </template>
@@ -622,6 +623,9 @@ watch(
 );
 </script>
 <style lang="scss" scoped>
+.dropdownSelector{
+  background: var(--nice-black);
+}
 .el-dropdown-link {
   cursor: pointer;
   color: var(--el-color-primary);