💄 Add rendered block border

src/constant.ts

@@ -1 +1 @@
-export const RENDER_CLASS = "halo-render"
+export const RENDER_CLASS = "halo-render halo-render-wrapper"

src/less/git.less

@@ -1,7 +1,6 @@
 @import "constant";
 
 .git {
-  margin: 5px;
   border: 1px solid #ececec;
   padding: 10px;
   border-radius: @border-radius;

src/less/render.less

@@ -13,6 +13,10 @@
  border-radius: @border-radius;
 }
 
+.halo-render-wrapper {
+  margin: 20px 15px;
+}
+
 @font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.woff2?t=1703484934750') format('woff2'),

src/provider/git-provider.ts

@@ -1,6 +1,7 @@
 import {Provider} from "./provider";
 import {fillContent} from "../utils/git-processor/git-processor";
 import "../less/git.less"
+import {RENDER_CLASS} from "../constant";
 
 export class GitProvider implements Provider {
     check(type: string): boolean {
@@ -28,9 +29,9 @@ export class GitProvider implements Provider {
             repo: repo
         })
         if (res) {
-            return `<div class='git git-${owner}-${repo}'>${res}</div>`
+            return `<div class='${RENDER_CLASS} git git-${owner}-${repo}'>${res}</div>`
         }
-        return `<div class='git git-${owner}-${repo}'>Waiting</div>`;
+        return `<div class='${RENDER_CLASS} git git-${owner}-${repo}'>Waiting</div>`;
     }
 
 }