Merge pull request #20 from ltv/fix/PT-59

fix(frontend)::bug: fix grid

Author: dzunglee

components.d.ts

@@ -0,0 +1,36 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/vue-next/pull/3399
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElAlert: typeof import('element-plus/es')['ElAlert']
+    ElAvatar: typeof import('element-plus/es')['ElAvatar']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCol: typeof import('element-plus/es')['ElCol']
+    ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
+    ElContainer: typeof import('element-plus/es')['ElContainer']
+    ElDivider: typeof import('element-plus/es')['ElDivider']
+    ElDropdown: typeof import('element-plus/es')['ElDropdown']
+    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']
+    ElSkeletonItem: typeof import('element-plus/es')['ElSkeletonItem']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
+    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']
+  }
+}
+
+export { }

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'