From 18cfd0d7dd72538bfe8e11eff0a0d74c62ac475e Mon Sep 17 00:00:00 2001 From: Guoqi Sun Date: Mon, 23 Dec 2024 07:16:03 +0800 Subject: [PATCH] style: optimize the comment area style --- .eslintignore | 2 -- src/components/astro/nav.astro | 1 + src/config/index.ts | 3 ++- src/layouts/base.astro | 3 +++ src/layouts/main.astro | 2 +- src/pages/[lang]/posts/[...slug].astro | 8 ++++---- src/styles/comment.css | 19 ++++++++++++------- 7 files changed, 23 insertions(+), 15 deletions(-) delete mode 100644 .eslintignore diff --git a/.eslintignore b/.eslintignore deleted file mode 100644 index ddf0e53..0000000 --- a/.eslintignore +++ /dev/null @@ -1,2 +0,0 @@ -# tailwind -tailwind.config.ts \ No newline at end of file diff --git a/src/components/astro/nav.astro b/src/components/astro/nav.astro index 8217432..bf203eb 100644 --- a/src/components/astro/nav.astro +++ b/src/components/astro/nav.astro @@ -10,6 +10,7 @@ const { home, archive, custom, links, about } = ---
{ diff --git a/src/config/index.ts b/src/config/index.ts index e864604..db9e010 100644 --- a/src/config/index.ts +++ b/src/config/index.ts @@ -39,7 +39,8 @@ export const common = { enabled: true, twikoo: { enabled: true, - envId: "https://astro-air-twikoo.netlify.app/.netlify/functions/twikoo", + // replace with your own envId + envId: import.meta.env.PUBLIC_TWIKOO_ENV_ID ?? "", }, }, } diff --git a/src/layouts/base.astro b/src/layouts/base.astro index dc3105a..6fd08aa 100644 --- a/src/layouts/base.astro +++ b/src/layouts/base.astro @@ -4,6 +4,7 @@ import { NoiseBackground } from "~/components/react/noise-background" import { getLangFromUrl } from "~/i18n/utils" import { GoogleAnalytics } from "astro-google-analytics" import { en, zh } from "~/config" +import { ClientRouter } from "astro:transitions" const lang = getLangFromUrl(Astro.url) @@ -88,6 +89,8 @@ const config = lang === "zh" ? zh : en ) } + + -
+
{needComment && }
diff --git a/src/pages/[lang]/posts/[...slug].astro b/src/pages/[lang]/posts/[...slug].astro index 876ae97..374900a 100644 --- a/src/pages/[lang]/posts/[...slug].astro +++ b/src/pages/[lang]/posts/[...slug].astro @@ -52,9 +52,9 @@ const { Content } = await render(post) )) }
- -
- -
+ +
+ +
diff --git a/src/styles/comment.css b/src/styles/comment.css index c3bc3be..0ff9f09 100644 --- a/src/styles/comment.css +++ b/src/styles/comment.css @@ -1,13 +1,13 @@ -/* loading spinner */ -.el-loading-spinner { - left: 50% !important; -} - /* admin container height */ .tk-admin-container { height: 150% !important; } +/* comments container */ +.tk-comments-container { + margin-top: 50px !important; +} + /* avatar*/ .tk-avatar { background-color: transparent !important; @@ -27,8 +27,13 @@ border-radius: 10px !important; padding: 10px !important; background-color: rgba(144, 147, 153, 0.1) !important; - width: auto !important; - max-width: 60% !important; +} + +/* PC 端宽度调整 */ +@media screen and (min-width: 768px) { + .tk-main .tk-content { + max-width: 60% !important; + } } /* comment content image */