UI修复bug

src/components/sideMenu.vue

@@ -152,7 +152,7 @@ export default {
         </el-menu-item>
       </el-menu>
     </div>
-    <div @click="logout()" class="absolute left-0 bottom-0 w-full h-40px bg-[#F6F7F9] flex items-center cursor-pointer"><Logout class="ml-27px" /><span class="ml-11px text-14px text-[#232A40] font-bold">Log out</span></div>
+    <div @click="logout()" class="py-10px w-full bg-[#F6F7F9] flex items-center cursor-pointer"><Logout class="ml-27px" /><span class="ml-11px text-14px text-[#232A40] font-bold">Log out</span></div>
   </div>
 </template>
 

src/views/Dashboard.vue

@@ -337,7 +337,7 @@ export default {
           <option value="">Product</option>
           <option v-for="item in productList" :key="item.id" :value="item.code">{{ item.name }}</option>
         </select>
-        <div @click="getOverviewProduct" class="w-70px h-28px border-[#1460F3] border-1px rounded-4px px-10px py-4px text-14px leading-20px text-[#1460F3] cursor-pointer">Confirm</div>
+        <div @click="getOverviewProduct" class="w-70px h-28px border-[#1460F3] border-1px rounded-4px flex items-center justify-center text-14px leading-20px text-[#1460F3] cursor-pointer">Confirm</div>
       </div>
       <div class="flex flex-wrap justify-between mt-24px">
         <div class="h-56px flex-1 bg-[#F6F7F9] border-[#D9D9D9] border-1px rounded-4px py-18px pl-24px pr-40px flex justify-between items-center mr-24px">
@@ -380,7 +380,7 @@ export default {
             <option value="3">Last 30 Days</option>
             <option value="4">This Month</option>
           </select>
-          <div @click="getChartStatistics()" class="w-70px h-28px border-[#1460F3] border-1px rounded-4px px-10px py-4px text-14px leading-20px text-[#1460F3] cursor-pointer">Confirm</div>
+          <div @click="getChartStatistics()" class="w-70px h-28px border-[#1460F3] border-1px rounded-4px flex items-center justify-center text-14px leading-20px text-[#1460F3] cursor-pointer">Confirm</div>
         </div>
         <div></div>
       </div>
@@ -422,7 +422,7 @@ export default {
           <option value="">Product</option>
           <option v-for="item in productList" :key="item.id" :value="item.code">{{ item.name }}</option>
         </select>
-        <div @click="getTeamMemberData" class="w-70px h-28px border-[#1460F3] border-1px rounded-4px px-10px py-4px text-14px leading-20px text-[#1460F3] cursor-pointer">Confirm</div>
+        <div @click="getTeamMemberData" class="w-70px h-28px border-[#1460F3] border-1px rounded-4px flex items-center justify-center text-14px leading-20px text-[#1460F3] cursor-pointer">Confirm</div>
       </div>
       <div class="flex flex-wrap justify-between mt-24px">
         <div class="h-56px bg-[#F6F7F9] border-[#D9D9D9] border-1px rounded-4px py-18px pl-24px pr-40px flex-auto flex justify-between items-center mr-24px">

src/views/Login.vue

@@ -207,7 +207,7 @@ export default {
           </div>
         </el-form-item>
         <el-form-item>
-          <div class="flex justify-between !text-12px">
+          <div class="flex justify-between items-center !text-12px">
             <el-checkbox
               label="Keep me logged in"
               name="type"

src/views/ManageAdmin.vue

@@ -247,7 +247,7 @@ const handleCurrentChange = (val) => {
         :page-sizes="[5, 10, 20]"
         :page-size="size"
         :background="true"
-        layout="sizes, prev, pager, next, jumper"
+        layout="prev, pager, next, sizes, jumper"
         :total="total"
         class="px-24px !rounded-0 rounded-b-8px mt-20px flex justify-end"
       >

src/views/ProductManagement.vue

@@ -132,7 +132,7 @@ const handleCurrentChange = (value) => {
         :page-sizes="[5, 10, 20]"
         :page-size="5"
         :background="true"
-        layout="sizes, prev, pager, next, jumper"
+        layout="prev, pager, next, sizes, jumper"
         :total="total"
         class="px-24px !rounded-0 rounded-b-8px mt-20px flex justify-end"
       >