fix(card): Fix Card | JIRA: PT-136 (#70)

* fix(card): Fix Card | JIRA: PT-136

Author: LeThanhPhongLTV

src/assets/css/el-button.scss

@@ -13,7 +13,7 @@ body {
     @apply h-[51px] rounded-md font-semibold text-sm tracking-wide px-[11px] #{!important};
   }
   .el-button.el-button--small {
-    @apply rounded max-w-fit text-xs font-semibold tracking-wide p-0.5 py-3.25 #{!important};
+    @apply rounded text-xs font-semibold tracking-wide p-0.5 py-3.25 #{!important};
   }
   .el-button.el-button--default.el-button--small {
     @apply rounded max-w-fit h-[25px] #{!important};

src/components/Navigation/index.vue

@@ -413,10 +413,16 @@ export default defineComponent({
     @apply m-0;
   }
   .el-dropdown-menu__item:first-child {
-    @apply m-0 hover:bg-white rounded-lg;
+    @apply m-0 bg-white rounded-lg;
+    &:hover {
+      @apply bg-white #{!important};
+    }
   }
   .el-dropdown-menu__item {
-    @apply m-0 hover:bg-slate-50;
+    @apply m-0;
+    &:hover {
+      @apply bg-secondary #{!important};
+    }
   }
 }
 .profile-popper {
@@ -426,12 +432,18 @@ export default defineComponent({
   }
   .el-dropdown-menu {
     @apply py-2 #{!important};
-  }
-  .el-dropdown-menu__item:first-child {
-    @apply m-0 hover:bg-white rounded-lg;
-  }
-  .el-dropdown-menu__item {
-    @apply m-0 hover:bg-slate-50;
+    .el-dropdown-menu__item:first-child {
+      @apply m-0 rounded-lg;
+      &:hover {
+        @apply bg-white #{!important};
+      }
+    }
+    .el-dropdown-menu__item {
+      @apply m-0;
+      &:hover {
+        @apply bg-secondary #{!important};
+      }
+    }
   }
 }
 </style>

src/layouts/default-layout.vue

@@ -64,7 +64,7 @@
         </div>
 
         <router-view v-slot="{ Component }">
-          <div class="px-4 sm:px-7.5 lg:px-[28.5px]">
+          <div class="px-4 md:px-7.5 lg:px-[28.5px]">
             <component :is="Component" class="py-1.25 lg:px-1.5 lg:pl-[6px]" />
           </div>
         </router-view>

src/modules/buttons/views/index.vue

@@ -57,7 +57,7 @@
       <template #header>
         <h3 class="cursor-auto mb-0 text-card-title">Outline</h3>
       </template>
-      <div class="flex flex-wrap gap-3">
+      <div class="flex flex-wrap gap-3.25">
         <div>
           <el-button plain class="">Default</el-button>
         </div>