From 6ed2dad449be52fefbdad8a9b006c3c7633d1c23 Mon Sep 17 00:00:00 2001
From: AceDataCloud <office@acedata.cloud>
Date: Wed, 3 Jan 2024 13:55:57 +0800
Subject: [PATCH] Fix margin styles for elements (#26)

---
 ...yun-hub-aab0955d-4ed5-4bc4-a662-824d436a2b28.json |  7 +++++++
 src/components/common/Navigator.vue                  |  2 +-
 src/components/midjourney/preset/RatioSelector.vue   |  1 +
 src/pages/console/distribution/History.vue           | 10 ----------
 src/pages/console/distribution/Index.vue             | 12 ++++++++++--
 src/pages/console/distribution/Invitees.vue          | 10 ----------
 6 files changed, 19 insertions(+), 23 deletions(-)
 create mode 100644 change/@zhishuyun-hub-aab0955d-4ed5-4bc4-a662-824d436a2b28.json

diff --git a/change/@zhishuyun-hub-aab0955d-4ed5-4bc4-a662-824d436a2b28.json b/change/@zhishuyun-hub-aab0955d-4ed5-4bc4-a662-824d436a2b28.json
new file mode 100644
index 00000000..7c27b7a3
--- /dev/null
+++ b/change/@zhishuyun-hub-aab0955d-4ed5-4bc4-a662-824d436a2b28.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix block styles",
+  "packageName": "@zhishuyun/hub",
+  "email": "cqc@germey.cn",
+  "dependentChangeType": "patch"
+}
diff --git a/src/components/common/Navigator.vue b/src/components/common/Navigator.vue
index 6cb43611..25be6b23 100644
--- a/src/components/common/Navigator.vue
+++ b/src/components/common/Navigator.vue
@@ -15,7 +15,7 @@
         </el-tooltip>
       </div>
     </div>
-    <div class="middle"></div>
+    <div class="middle" />
     <div class="bottom">
       <div class="link">
         <el-tooltip effect="dark" :content="$t('common.nav.console')" placement="right">
diff --git a/src/components/midjourney/preset/RatioSelector.vue b/src/components/midjourney/preset/RatioSelector.vue
index a401cbe3..48556d0f 100644
--- a/src/components/midjourney/preset/RatioSelector.vue
+++ b/src/components/midjourney/preset/RatioSelector.vue
@@ -121,6 +121,7 @@ export default defineComponent({
     border-radius: 5px;
 
     .preview {
+      margin-top: 8px;
       width: 30px;
       height: 30px;
       display: flex;
diff --git a/src/pages/console/distribution/History.vue b/src/pages/console/distribution/History.vue
index 5c8a3007..45205955 100644
--- a/src/pages/console/distribution/History.vue
+++ b/src/pages/console/distribution/History.vue
@@ -156,16 +156,6 @@ export default defineComponent({
   color: #333;
 }
 
-.item-mini {
-  .value {
-    font-weight: 600;
-    font-size: 40px;
-  }
-  .description {
-    color: #999;
-    font-size: 14px;
-  }
-}
 .el-table {
   min-height: calc(100vh - 300px);
   margin-bottom: 50px;
diff --git a/src/pages/console/distribution/Index.vue b/src/pages/console/distribution/Index.vue
index a1c602e3..07559690 100644
--- a/src/pages/console/distribution/Index.vue
+++ b/src/pages/console/distribution/Index.vue
@@ -84,7 +84,7 @@
               <h4 class="title">
                 {{ $t('distribution.title.distributionLink') }}
               </h4>
-              <el-divider />
+              <el-divider class="mt-4 mb-4" />
               <div class="link-wrapper">
                 <font-awesome-icon v-if="false" icon="fa-solid fa-link" class="icon" />
                 <a :href="distributionLink" class="link">
@@ -93,7 +93,12 @@
                 <copy-to-clipboard :content="distributionLink" />
               </div>
               <div class="qr-wrapper">
-                <qr-code v-if="distributionLink" :value="distributionLink" :size="150" class="mb-2 ml-auto mr-auto" />
+                <qr-code
+                  v-if="distributionLink"
+                  :value="distributionLink"
+                  :size="150"
+                  class="block mb-2 ml-auto mr-auto"
+                />
                 <p>
                   {{ $t('distribution.message.distributionQrDescription') }}
                 </p>
@@ -120,6 +125,7 @@
               <h4 class="title">
                 {{ $t('distribution.title.levelInfo') }}
               </h4>
+              <el-divider class="mt-4 mb-4" />
               <div class="clear-both overflow-hidden">
                 <div class="float-left description">
                   <p>{{ $t('distribution.title.currentLevel') }}: L{{ distributionStatus?.level?.level }}</p>
@@ -356,10 +362,12 @@ export default defineComponent({
   .value {
     font-weight: 600;
     font-size: 30px;
+    margin: 0;
   }
   .description {
     color: #999;
     font-size: 14px;
+    margin-bottom: 5px;
   }
 }
 
diff --git a/src/pages/console/distribution/Invitees.vue b/src/pages/console/distribution/Invitees.vue
index 30ae10d3..39c5a776 100644
--- a/src/pages/console/distribution/Invitees.vue
+++ b/src/pages/console/distribution/Invitees.vue
@@ -140,16 +140,6 @@ export default defineComponent({
   color: #333;
 }
 
-.item-mini {
-  .value {
-    font-weight: 600;
-    font-size: 40px;
-  }
-  .description {
-    color: #999;
-    font-size: 14px;
-  }
-}
 .el-table {
   min-height: calc(100vh - 300px);
   margin-bottom: 50px;