shen/qwerty-learner
1
0
Fork 0
mirror of https://github.com/RealKai42/qwerty-learner.git synced 2024-11-25 16:22:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: modify prettier config

Browse Source
This commit is contained in:
KaiyiWing 2023-04-23 01:14:48 +08:00
parent a3000f52dd
commit 178dcf3600
3 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
.prettierrc
View File

@ -1,16 +0,0 @@
{
"singleQuote": true,
"trailingComma": "all",
"printWidth": 140,
"bracketSpacing": true,
"semi": false,
"tabWidth": 2,
"jsxSingleQuote": false,
"overrides": [
{
"files": ".prettierrc",
"options": { "parser": "json" }
}
],
"plugins": ["prettier-plugin-tailwindcss", "@trivago/prettier-plugin-sort-imports"]
}

16
prettier.config.js Normal file
View File

@ -0,0 +1,16 @@
module.exports = {
singleQuote: true,
trailingComma: 'all',
printWidth: 140,
bracketSpacing: true,
semi: false,
tabWidth: 2,
jsxSingleQuote: false,
overrides: [
{
files: '.prettierrc',
options: { parser: 'json' },
},
],
plugins: ['@trivago/prettier-plugin-sort-imports', require('prettier-plugin-tailwindcss')],
}

16
src/pages/Typing/components/Setting/DataSetting.tsx
View File

@ -59,14 +59,14 @@ export default function DataSetting() {
目前，用户的练习数据<strong>仅保存在本地</strong>。如果您需要在不同的设备、浏览器或者其他非官方部署上使用 Qwerty Learner，
您需要手动进行数据同步和保存。为了保留您的练习进度，以及使用近期即将上线的数据分析和智能训练功能， 我们建议您及时备份您的数据。
</span>
<span className="pl-4 text-sm font-bold leading-tight text-red-500 text-left">为了您的数据安全，请不要修改导出的数据文件。</span>
<div className="h-3 w-full px-5 flex items-center justify-start">
<span className="pl-4 text-left text-sm font-bold leading-tight text-red-500">为了您的数据安全，请不要修改导出的数据文件。</span>
<div className="flex h-3 w-full items-center justify-start px-5">
<Progress.Root
className="relative bg-gray-200 rounded-full w-11/12 h-2 overflow-hidden transform translate-z-0"
className="translate-z-0 relative h-2 w-11/12 transform overflow-hidden rounded-full bg-gray-200"
value={exportProgress}
>
<Progress.Indicator
className="bg-indigo-400 h-full w-full transition-transform duration-500 ease-out cubic-bezier(0.65, 0, 0.35, 1)"
className="cubic-bezier(0.65, 0, 0.35, 1) h-full w-full bg-indigo-400 transition-transform duration-500 ease-out"
style={{ transform: `translateX(-${100 - exportProgress}%)` }}
/>
</Progress.Root>
@ -80,16 +80,16 @@ export default function DataSetting() {
<div className={styles.section}>
<span className={styles.sectionLabel}>数据导入</span>
<span className={styles.sectionDescription}>
请注意，导入数据将<strong className="text-red-500 text-sm font-bold"> 完全覆盖 </strong>当前数据。请谨慎操作。
请注意，导入数据将<strong className="text-sm font-bold text-red-500"> 完全覆盖 </strong>当前数据。请谨慎操作。
</span>
<div className="h-3 w-full px-5 flex items-center justify-start">
<div className="flex h-3 w-full items-center justify-start px-5">
<Progress.Root
className="relative bg-gray-200 rounded-full w-11/12 h-2 overflow-hidden transform translate-z-0"
className="translate-z-0 relative h-2 w-11/12 transform overflow-hidden rounded-full bg-gray-200"
value={importProgress}
>
<Progress.Indicator
className="bg-indigo-400 h-full w-full transition-transform duration-500 ease-out cubic-bezier(0.65, 0, 0.35, 1)"
className="cubic-bezier(0.65, 0, 0.35, 1) h-full w-full bg-indigo-400 transition-transform duration-500 ease-out"
style={{ transform: `translateX(-${100 - importProgress}%)` }}
/>
</Progress.Root>