diff --git a/docs/docs/en/guide/env.md b/docs/docs/en/guide/env.md
index 785df626..65643992 100644
--- a/docs/docs/en/guide/env.md
+++ b/docs/docs/en/guide/env.md
@@ -276,7 +276,7 @@ ATK_TRUSTED_DOMAINS_0="https://a.com"
| **ATK_FRONTEND_UABADGE** | `false` | User UA badge | frontend.uaBadge (UI Settings > User UA badge) |
| **ATK_FRONTEND_VERSIONCHECK** | `true` | Version check | frontend.versionCheck (UI Settings > Version check) |
| **ATK_FRONTEND_VOTE** | `true` | Vote button | frontend.vote (UI Settings > Vote button) |
-| **ATK_FRONTEND_VOTEDOWN** | `false` | Dislike button | frontend.voteDown (UI Settings > Dislike button) |
+| **ATK_FRONTEND_VOTEDOWN** | `false` | Vote down button | frontend.voteDown (UI Settings > Vote down button) |
## Web server
diff --git a/docs/landing/src/components/Features/Frameworks.scss b/docs/landing/src/components/Features/Frameworks.scss
index d6a8d4cb..653e85f2 100644
--- a/docs/landing/src/components/Features/Frameworks.scss
+++ b/docs/landing/src/components/Features/Frameworks.scss
@@ -4,6 +4,7 @@
justify-content: center;
flex-direction: row;
padding: 20px 0;
+ margin: 0 auto;
margin-bottom: 100px;
.title {
@@ -22,9 +23,10 @@
.methods {
padding: 0 50px;
- flex: 1;
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
+ display: inline-flex;
+ flex-wrap: wrap;
+ margin: 0 auto;
+ gap: 15px;
.icon {
height: 80px;
diff --git a/docs/landing/src/i18n/zh-TW.ts b/docs/landing/src/i18n/zh-TW.ts
index 57b4b659..fe153632 100644
--- a/docs/landing/src/i18n/zh-TW.ts
+++ b/docs/landing/src/i18n/zh-TW.ts
@@ -5,7 +5,7 @@ export const zhTW: MessageSchema = {
get_artalk: '取得 Artalk',
get_artalk_link: 'https://artalk.js.org/guide/intro.html',
slogan_line_1: 'Artalk 評論系統',
- slogan_line_2: '即時評論，即時回應',
+ slogan_line_2: '即時評論，即刻回應',
slogan_line_3: '',
nav_docs_link: 'https://artalk.js.org/guide/intro.html',
nav_changelog_link: 'https://github.com/ArtalkJS/Artalk/blob/master/CHANGELOG.md',
diff --git a/docs/landing/src/responsive.scss b/docs/landing/src/responsive.scss
index e9a9dfe3..551813e7 100644
--- a/docs/landing/src/responsive.scss
+++ b/docs/landing/src/responsive.scss
@@ -203,10 +203,8 @@ $breakpoints: (
}
.methods {
- width: 100%;
- place-items: center;
- padding: 0 20px;
- grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
+ padding: 0 40px;
+ gap: 15px;
.icon {
height: 65px;
@@ -223,6 +221,7 @@ $breakpoints: (
.full-feature {
padding-bottom: 50px;
+ padding-top: 50px;
}
.full-feature .func-list {
diff --git a/ui/artalk/src/comment/renders/header.ts b/ui/artalk/src/comment/renders/header.ts
index 0aba6e77..c1b7247a 100644
--- a/ui/artalk/src/comment/renders/header.ts
+++ b/ui/artalk/src/comment/renders/header.ts
@@ -44,7 +44,7 @@ function renderVerifyBadge(ctx: Render) {
ctx.$headerBadgeWrap.append($badge)
} else if (ctx.data.is_verified) {
const $verifiedBadge = Utils.createElement(
- ``,
+ ``,
) // 邮箱验证徽章
ctx.$headerBadgeWrap.append($verifiedBadge)
}
diff --git a/ui/artalk/src/style/comment.scss b/ui/artalk/src/style/comment.scss
index d4bea858..ff3e9c5e 100644
--- a/ui/artalk/src/style/comment.scss
+++ b/ui/artalk/src/style/comment.scss
@@ -145,16 +145,6 @@
background: #f44336;
}
- .atk-verified-icon {
- height: 1.4em;
- width: 1.4em;
- background-repeat: no-repeat;
- background-position: center;
- background-size: contain;
- display: block;
- background-image: url('data:image/svg+xml,');
- }
-
.atk-ua {
@extend .badge;
}
diff --git a/ui/artalk/src/style/main.scss b/ui/artalk/src/style/main.scss
index e885c816..8c0a9182 100644
--- a/ui/artalk/src/style/main.scss
+++ b/ui/artalk/src/style/main.scss
@@ -333,6 +333,16 @@
mask-image: url('data:image/svg+xml,');
}
+.atk-icon-verified {
+ height: 1.4em;
+ width: 1.4em;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: contain;
+ display: block;
+ background-image: url('data:image/svg+xml,');
+}
+
/* Layer */
.atk-error-layer {
@extend .atk-full-layer;