From 535ca4d7aa131462010ee79114a8d2e347accadb Mon Sep 17 00:00:00 2001
From: rockbenben <qingwhat@gmail.com>
Date: Tue, 27 Feb 2024 05:28:11 +0800
Subject: [PATCH] feat(config): update configuration files

---
 next.config.js                       | 17 -----------------
 next.config.mjs                      |  6 ++++++
 src/app/data-parser/flare/page.tsx   |  2 +-
 src/app/globals.css                  | 13 +++++++++----
 src/app/json-translate/page.tsx      |  5 +++--
 src/app/page.tsx                     |  4 ++--
 src/app/sublabel-translator/page.tsx |  4 ++--
 src/app/text-splitter/page.tsx       |  2 +-
 tailwind.config.js                   | 18 ------------------
 tailwind.config.ts                   | 16 ++++++++++++++++
 10 files changed, 40 insertions(+), 47 deletions(-)
 delete mode 100644 next.config.js
 create mode 100644 next.config.mjs
 delete mode 100644 tailwind.config.js
 create mode 100644 tailwind.config.ts

diff --git a/next.config.js b/next.config.js
deleted file mode 100644
index e5beda8..0000000
--- a/next.config.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * @type {import('next').NextConfig}
- */
-const nextConfig = {
-  output: "export",
-
-  // Optional: Change links `/me` -> `/me/` and emit `/me.html` -> `/me/index.html`
-  // trailingSlash: true,
-
-  // Optional: Prevent automatic `/me` -> `/me/`, instead preserve `href`
-  // skipTrailingSlashRedirect: true,
-
-  // Optional: Change the output directory `out` -> `dist`
-  // distDir: 'dist',
-};
-
-module.exports = nextConfig;
diff --git a/next.config.mjs b/next.config.mjs
new file mode 100644
index 0000000..4350313
--- /dev/null
+++ b/next.config.mjs
@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: "export",
+};
+
+export default nextConfig;
diff --git a/src/app/data-parser/flare/page.tsx b/src/app/data-parser/flare/page.tsx
index 48e97dd..f7e9d3a 100644
--- a/src/app/data-parser/flare/page.tsx
+++ b/src/app/data-parser/flare/page.tsx
@@ -5,7 +5,7 @@ import type { Metadata } from "next";
 export const metadata: Metadata = {
   title: "Flare 书签解析工具|Tools by AI",
   description: "用于将书签数据转换为 Flare 的格式。您可以选择“App”模式以解析应用列表，或“Bookmark”模式以解析书签列表，并可实现 app 和 bookmarks 间的互相转换。",
-  keywords: "flare，书签导入",
+  keywords: "flare,书签导入",
 };
 
 export default function Page() {
diff --git a/src/app/globals.css b/src/app/globals.css
index 692a92e..2bc4c4a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -25,20 +25,25 @@ body {
     )
     rgb(var(--background-start-rgb));
 } */
+
 /* 全局滚动条样式 */
 ::-webkit-scrollbar {
-  width: 5px; /* 滚动条宽度 */
+  width: 5px; /* 对于垂直滚动条，设置滚动条的宽度 */
+  height: 5px; /* 对于横向滚动条，设置滚动条的高度 */
 }
 
+/* 滚动条轨道样式 */
 ::-webkit-scrollbar-track {
-  background: transparent; /* 透明背景 */
+  background: #f1f1f1; /* 淡灰色背景，与白色页面背景形成对比 */
 }
 
+/* 滚动条滑块样式 */
 ::-webkit-scrollbar-thumb {
-  background: #d9d9d9; /* 使用变量定义颜色 */
+  background: #c1c1c1;
   border-radius: 10px; /* 圆角效果 */
 }
 
+/* 滑块悬停效果 */
 ::-webkit-scrollbar-thumb:hover {
-  background: #188fff70; /* 悬停时的颜色 */
+  background: #a8a8a8;
 }
diff --git a/src/app/json-translate/page.tsx b/src/app/json-translate/page.tsx
index 23ab4c7..0a5cf87 100644
--- a/src/app/json-translate/page.tsx
+++ b/src/app/json-translate/page.tsx
@@ -3,8 +3,9 @@ import type { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "多语言 JSON 翻译工具 - i18n 国际化开发助手 | JsonTranslate | Tools by AI",
-  description: "JsonTranslate 是一个轻便的多语言 JSON 翻译工具，专为软件开发者和内容管理者设计，以支持国际化和本地化项目。轻松转换 JSON 文档中的文本到多种目标语言，使用 Google Translate、DeepL 和 DeepLX 翻译 API。",
-  keywords: "JsonTranslate, JSON 翻译工具，多语言翻译，国际化工具，i18n, 本地化，Google 翻译 API, DeepL 翻译 API, 自动翻译 JSON, 编程语言翻译",
+  description:
+    "JsonTranslate 是一个轻便的多语言 JSON 翻译工具，专为软件开发者和内容管理者设计，以支持国际化和本地化项目。轻松转换 JSON 文档中的文本到多种目标语言，使用 Google Translate、DeepL 和 DeepLX 翻译 API。",
+  keywords: "JsonTranslate,JSON 翻译工具，多语言翻译，国际化工具，i18n,本地化，Google 翻译 API,DeepL 翻译 API,自动翻译 JSON,编程语言翻译",
 };
 
 export default function Page() {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7784a2a..c5779a2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,9 +5,9 @@ import type { Metadata } from "next";
 export const metadata: Metadata = {
   title: "批量文本处理 - 正则匹配、JSON 编辑与转换|Tools by AI",
   description: "提供包括正则匹配工具、JSON 键值替换、JSON 编辑器、文本处理工具、数组插入工具以及权重更新工具。无论您是需要进行批量文本处理，还是需要进行 JSON 编辑和转换，都能帮助您快速完成任务。",
-  keywords: "批量文本处理，正则匹配工具，JSON 键值替换，JSON 编辑器，文本处理工具，数组插入工具，权重更新工具",
+  keywords: "批量文本处理,正则匹配工具,JSON 键值替换,JSON 编辑器,文本处理工具,数组插入工具,权重更新工具",
 };
 
 export default function Home() {
   return <TextProcessingTool />;
-}
\ No newline at end of file
+}
diff --git a/src/app/sublabel-translator/page.tsx b/src/app/sublabel-translator/page.tsx
index 0169687..7cac653 100644
--- a/src/app/sublabel-translator/page.tsx
+++ b/src/app/sublabel-translator/page.tsx
@@ -4,9 +4,9 @@ import type { Metadata } from "next";
 export const metadata: Metadata = {
   title: "在线字幕翻译工具 | Tools by AI",
   description: "一个便捷的在线字幕翻译工具，支持多种语言选择和单文件或多文件翻译。只需要提供 Google Translate API Key，就可以快速得到翻译结果。",
-  keywords: "字幕翻译，在线翻译，多语言翻译，Google Translate，字幕文件，单文件翻译，多文件翻译",
+  keywords: "字幕翻译,在线翻译,多语言翻译,Google Translate,字幕文件,单文件翻译,多文件翻译",
 };
 
 export default function Page() {
   return <SubtitleTranslator />;
-}
\ No newline at end of file
+}
diff --git a/src/app/text-splitter/page.tsx b/src/app/text-splitter/page.tsx
index b0b57af..f6d5cde 100644
--- a/src/app/text-splitter/page.tsx
+++ b/src/app/text-splitter/page.tsx
@@ -6,7 +6,7 @@ export const metadata: Metadata = {
   title: "文本分割工具|Tools by AI",
   description:
     "文本分割工具可以帮助你将输入的长文本按照指定的字符限制分割成多个小段，分割后的结果会以多个文本框的形式展示在界面上，用户可以通过点击“复制”按钮将某个文本框中的内容复制到剪贴板中。这特别适用于需要遵守字符限制的场景，例如使用 ChatGPT 时的 2000 字符限制。",
-  keywords: "文本分割，文本处理，AI 工具，字符限制，ChatGPT",
+  keywords: "文本分割,文本处理,AI 工具,字符限制,ChatGPT",
 };
 
 export default function Page() {
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index d53b2ea..0000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  theme: {
-    extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
-      },
-    },
-  },
-  plugins: [],
-}
diff --git a/tailwind.config.ts b/tailwind.config.ts
new file mode 100644
index 0000000..a67c080
--- /dev/null
+++ b/tailwind.config.ts
@@ -0,0 +1,16 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: ["./src/pages/**/*.{js,ts,jsx,tsx,mdx}", "./src/components/**/*.{js,ts,jsx,tsx,mdx}", "./src/app/**/*.{js,ts,jsx,tsx,mdx}"],
+  theme: {
+    extend: {
+      backgroundImage: {
+        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+        "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+      },
+    },
+  },
+  important: true,
+  plugins: [],
+};
+export default config;