fix(layout): restore bottom padding

Author: SkyBird233

layouts/default.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="min-h-[100vh] min-w-[960px]">
-    <div class="header_main my-0 flex flex-col p-0">
+    <div class="h-[calc(100vh-2rem)] my-0 flex flex-col p-0">
       <BarHeader />
-      <div class="main-content flex flex-1 justify-center pb-[0.5rem]">
+      <div class="main-content flex flex-1 justify-center pb-[2.5rem]">
         <div class="content-container myShadow flex">
           <div
             class="sticky top-0 w-[15%] min-w-[12rem] bg-leftbar-bg *:text-nowrap">
@@ -15,8 +15,3 @@
     <BarFooter class="fixed bottom-0 h-[2rem]" />
   </div>
 </template>
-<style lang="scss">
-.header_main {
-  height: calc(100vh - 2rem);
-}
-</style>