sign badge icon -> font

styles/public/label.ts

@@ -129,6 +129,8 @@ export const shaLabel = css`
   // 验证提交附带的图标
   span.ui.label.commit-is-signed {
     height: 25px;
+    min-width: 50px;
+    justify-content: center;
     // 验证信任
     &.sign-trusted {
       border: 1.5px solid ${themeVars.color.green.badge.self} !important;
@@ -161,11 +163,19 @@ export const shaLabel = css`
         background-color: ${themeVars.color.red.badge.hover.bg} !important;
       }
     }
+    span {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
   }
   span.ui.label.commit-is-signed,
   .ui.label.commit-id-short,
   .ui.label.commit-sign-badge {
     font-size: 12px;
+    .ui.avatar {
+      border-radius: 9999px;
+    }
   }
 `;
 

styles/templates/repo/commit_sign_badge.ts

@@ -32,4 +32,10 @@ export const commitSignBadge = css`
       }
     }
   }
+  .ui.label.commit-sign-badge.github-theme-commit-sign-badge {
+    font-family:
+      -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji";
+    font-weight: 500;
+  }
 `;

templates/repo/commit_sign_badge.tmpl

@@ -59,17 +59,17 @@ so this template should be kept as small as possible, DO NOT put large component
 <a {{if $commitBaseLink}}href="{{$commitBaseLink}}/{{$commit.ID}}"{{end}} class="ui label commit-id-short {{$extraClass}} github-theme-commit-sha" rel="nofollow">
 {{- end -}}
 {{- if or (not $commit) $extraClass}}{{/* only show the lock icon if there is no commit info (icon only) or the commit is really signed */}}
-	<span class="ui label commit-sign-badge {{$extraClass}}">
+	<span class="ui label commit-sign-badge github-theme-commit-sign-badge {{$extraClass}}">
 		{{- if $verified -}}
 			{{- if and $signingUser $signingUser.ID -}}
-				<span data-tooltip-content="{{$msgReason}}">{{svg "gitea-lock"}}</span>
+				<span data-tooltip-content="{{$msgReason}}">Verified</span>
 				<span data-tooltip-content="{{$msgSigningKey}}">{{ctx.AvatarUtils.Avatar $signingUser 16}}</span>
 			{{- else -}}
-				<span data-tooltip-content="{{$msgReason}}">{{svg "gitea-lock-cog"}}</span>
+				<span data-tooltip-content="{{$msgReason}}">Partially verified</span>
 				<span data-tooltip-content="{{$msgSigningKey}}">{{ctx.AvatarUtils.AvatarByEmail $signingEmail "" 16}}</span>
 			{{- end -}}
 		{{- else -}}
-			<span data-tooltip-content="{{$msgReason}}">{{svg "gitea-unlock"}}</span>
+			<span data-tooltip-content="{{$msgReason}}">Unverified</span>
 		{{- end -}}
 	</span>
 {{- end -}}