fix(frontend): fix grid

Author: LeThanhPhongLTV

components.d.ts

@@ -17,6 +17,7 @@ declare module 'vue' {
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
     ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
     ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
     ElLink: typeof import('element-plus/es')['ElLink']
     ElRow: typeof import('element-plus/es')['ElRow']
     ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
@@ -26,6 +27,8 @@ declare module 'vue' {
     ElTag: typeof import('element-plus/es')['ElTag']
     Grid: typeof import('./src/components/Grid/index.vue')['default']
     Main: typeof import('./src/components/Main/index.vue')['default']
+    Navigation: typeof import('./src/components/Navigation/index.vue')['default']
+    Sidebar: typeof import('./src/components/Sidebar/index.vue')['default']
     Table: typeof import('./src/components/Table/index.vue')['default']
   }
 }

src/assets/css/el-button.scss

@@ -14,7 +14,14 @@ body {
     --el-button-hover-border-color: var(--button-hover-border-color) !important;
     --el-button-active-border-color: var(--button-active-border-color) !important;
     background-color: var(--el-button-bg-color, var(--el-color-white));
-    @apply hover:pt-1.5 hover:shadow-sm active:bg-[#6cffff];
+
+    @apply hover:shadow-sm active:bg-[#6cffff];
+
+    &:hover {
+      i, span {
+        @apply -translate-y-0.25;
+      }
+    }
   }
 
   @each $type in $types {

src/assets/css/el-divider.scss

@@ -0,0 +1,3 @@
+.el-divider.el-divider--horizontal {
+  @apply mt-2 mb-4;
+}

src/assets/css/el-table.css

@@ -7,7 +7,7 @@
 }
 
 .el-table {
-  @apply border-collapse mt-4 !important;
+  @apply border-collapse mt-4 rounded !important;
 }
 
 .el-table--border::after, 
@@ -51,10 +51,14 @@
   @apply hover:bg-gray-200 !important;
 }
 
-.el-table__body .el-table_1_column_1 {
+.el-table__body tr td:first-child {
    @apply bg-white border-transparent !important;
 }
 
-.el-table__body .el-table_1_column_2 {
+.el-table__body tr td:nth-child(2) {
   @apply rounded-l-lg !important;
+}
+
+.green-col {
+  @apply text-[#86CC60];
 }

src/components/element-plus.ts

@@ -7,6 +7,7 @@ import 'assets/css/el-dropdown.scss'
 import 'assets/css/el-alert.scss'
 import 'assets/css/el-checkbox.scss'
 import 'assets/css/el-link.scss'
+import 'assets/css/el-divider.scss'
 
 import 'assets/css/el-message.css'
 import 'assets/css/typography.scss'