header styles

src/modules/editor/components/Viewport/Header/index.tsx

@@ -9,7 +9,7 @@ export default defineUI({
     const { store, actions, jumpIndexHtml } = useEditor();
 
     return () => (
-      <div class="relative flex justify-between">
+      <div class="relative flex justify-between items-center">
         <div class="flex items-center">
           <aside>
             <img
@@ -35,17 +35,23 @@ export default defineUI({
             {store.designData?.title}
           </div>
         </div>
-        <aside class="space-x-10px">
+        <aside class="space-x-12px">
           {store.isEditPage && (
             <Dropdown
               overlay={<ShareBox />}
               trigger="click"
               placement="bottomRight"
             >
-              <Button>分享</Button>
+              <Button size="small" class="text-12px">
+                分享
+              </Button>
             </Dropdown>
           )}
-          <Button type="primary" onClick={() => actions.saveDesign()}>
+          <Button
+            type="primary"
+            size="small"
+            onClick={() => actions.saveDesign()}
+          >
             保存
           </Button>
         </aside>

src/modules/editor/components/Viewport/index.tsx

@@ -17,7 +17,7 @@ export default defineUI({
   setup(props, { slots }) {
     return () => (
       <div class="flex flex-col h-1/1">
-        <slots.Header class="p-16px bg-component border-bottom !border-2px" />
+        <slots.Header class="px-16px py-10px bg-component border-bottom !border-2px" />
         <div class="flex flex-1 h-0">
           <slots.SliderLeft class="w-330px bg-component border-right !border-2px" />
           <div class="flex-1 relative flex flex-col overflow-hidden">