From bfc0e79d4b73f5135d6912a9faa1edfda75755bb Mon Sep 17 00:00:00 2001 From: Alice39s Date: Mon, 10 Aug 2026 10:07:41 +0900 Subject: [PATCH 1/9] feat(ui): use Grok brand icon and stack action buttons below 890px --- assets/styles/ai-tools.css | 15 ++++++++++++++- overrides/.icons/simple/grok.svg | 1 + overrides/partials/actions.html | 2 +- 3 files changed, 16 insertions(+), 2 deletions(-) create mode 100644 overrides/.icons/simple/grok.svg diff --git a/assets/styles/ai-tools.css b/assets/styles/ai-tools.css index 34e7791..a6be074 100644 --- a/assets/styles/ai-tools.css +++ b/assets/styles/ai-tools.css @@ -210,9 +210,22 @@ height: 100%; } +@media (max-width: 55.625em) { + .ai-tools { + flex-wrap: wrap; + width: 100%; + margin-left: 0; + } + + .ai-tools__copy, + .ai-tools__trigger { + flex: 1 1 100%; + } +} + @media (max-width: 44.984375em) { .ai-tools { - flex-wrap: nowrap; + flex-wrap: wrap; gap: 6px; margin-right: 4px; } diff --git a/overrides/.icons/simple/grok.svg b/overrides/.icons/simple/grok.svg new file mode 100644 index 0000000..b90e919 --- /dev/null +++ b/overrides/.icons/simple/grok.svg @@ -0,0 +1 @@ + diff --git a/overrides/partials/actions.html b/overrides/partials/actions.html index 2a7b0f4..68eefd1 100644 --- a/overrides/partials/actions.html +++ b/overrides/partials/actions.html @@ -69,7 +69,7 @@ {{ ai_action("Open in GitHub", "fontawesome/brands/github.svg", "github", source_url) }} {{ ai_action("View as Markdown", "material/language-markdown.svg", "markdown") }} {{ ai_action("Open in Perplexity", "ai/perplexity.svg", "perplexity", group_start=true, brand=true) }} - {{ ai_action("Open in Grok", "simple/x.svg", "grok") }} + {{ ai_action("Open in Grok", "simple/grok.svg", "grok") }} {{ ai_action("Open in ChatGPT", "ai/openai.svg", "chatgpt", brand=true) }} {{ ai_action("Open in Claude Web", "ai/claude.svg", "claude", brand=true) }} {{ ai_action("Open in Claude Desktop", "ai/claude.svg", "claude-desktop", group_start=true, brand=true) }} From 4eda5885f7d17f44fce809a6f7b0bd6222358d95 Mon Sep 17 00:00:00 2001 From: Alice39s Date: Mon, 10 Aug 2026 12:58:36 +0900 Subject: [PATCH 2/9] fix(ui): reword open label and place actions under title below 768px --- README.md | 2 +- assets/styles/ai-tools.css | 21 +++++++++++++++++++++ overrides/partials/actions.html | 2 +- 3 files changed, 23 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index e3263dc..08b54b1 100644 --- a/README.md +++ b/README.md @@ -70,7 +70,7 @@ Markdown 中仍使用普通图片语法，构建工具会自动输出 WebP - 每页 Markdown 版本：`nmteam build` 时在每个页面旁生成同路径的 `.md` 文件 （如 `/nmbot-telegram/mcp.md`）。 - 页面顶部的文章操作区：**复制本文 Markdown** 直接复制当前页面原文； - **使用［品牌图标］打开本文章** 菜单提供 GitHub 源文件、Markdown 版本， + **使用［品牌图标］打开本文** 菜单提供 GitHub 源文件、Markdown 版本， 以及 Perplexity、Grok、ChatGPT、Claude Web、Claude Desktop、 Claude Code、OpenAI Codex、Cursor 八种 AI 打开方式。 diff --git a/assets/styles/ai-tools.css b/assets/styles/ai-tools.css index a6be074..2be3b63 100644 --- a/assets/styles/ai-tools.css +++ b/assets/styles/ai-tools.css @@ -223,6 +223,27 @@ } } +@media (max-width: 48em) { + .md-content__inner { + display: flex; + flex-direction: column; + } + + .md-content__inner > h1 { + order: -1; + } + + .md-content__inner > .ai-tools { + order: 0; + float: none; + margin: 0 0 16px; + } + + .md-content__inner > :not(h1):not(.ai-tools) { + order: 1; + } +} + @media (max-width: 44.984375em) { .ai-tools { flex-wrap: wrap; diff --git a/overrides/partials/actions.html b/overrides/partials/actions.html index 68eefd1..acbdf75 100644 --- a/overrides/partials/actions.html +++ b/overrides/partials/actions.html @@ -62,7 +62,7 @@ {% include ".icons/ai/claude.svg" %} {% include ".icons/ai/codex.svg" %} - 打开本文章 + 打开本文 {% include ".icons/material/chevron-down.svg" %}