Skip to content

Commit 331a990

Browse files
ZaitonnZaitonn
committed
feat: 添加提示
1 parent d4b433f commit 331a990

14 files changed

Lines changed: 629 additions & 641 deletions

‎package.json‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
{
22
"name": "serein-web",
33
"version": "1.0.0",
4+
"type": "module",
45
"scripts": {
56
"dev": "vite",
67
"build": "vite build",
@@ -15,7 +16,8 @@
1516
"@sentry/vite-plugin": "^3.5.0",
1617
"@sentry/vue": "^8.55.0",
1718
"@tailwindcss/forms": "^0.5.10",
18-
"@vitejs/plugin-vue": "^4.6.2",
19+
"@tailwindcss/vite": "^4.1.10",
20+
"@vitejs/plugin-vue": "^5.2.4",
1921
"@vue/eslint-config-prettier": "^8.0.0",
2022
"ansi_up": "^6.0.6",
2123
"autoprefixer": "^10.4.21",
@@ -27,15 +29,13 @@
2729
"html-entities": "^2.6.0",
2830
"husky": "^9.1.7",
2931
"numeral": "^2.0.6",
30-
"pinia": "^2.3.1",
31-
"postcss": "^8.5.4",
32-
"postcss-import": "^15.1.0",
32+
"pinia": "^3.0.3",
3333
"prettier": "^3.5.3",
34+
"tailwindcss": "^4.1.10",
35+
"typescript-eslint": "^8.34.0",
36+
"vite": "^6.3.5",
3437
"vue": "^3.5.16",
35-
"tailwindcss": "^3.4.17",
36-
"typescript-eslint": "^8.33.0",
3738
"vue-router": "^4.5.1",
38-
"vite": "^5.0.0",
3939
"vue-toastification": "2.0.0-rc.5"
4040
}
4141
}

‎pnpm-lock.yaml‎

Lines changed: 516 additions & 563 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎postcss.config.js‎

Lines changed: 0 additions & 9 deletions
This file was deleted.

‎src/colors.ts‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -72,16 +72,16 @@ export const getButtonColor = (
7272
},
7373
bgHover: {
7474
white: 'hover:bg-gray-100',
75-
whiteDark: 'hover:bg-gray-100 hover:dark:bg-slate-800',
76-
lightDark: 'hover:bg-gray-200 hover:dark:bg-slate-700',
77-
contrast: 'hover:bg-gray-700 hover:dark:bg-slate-100',
75+
whiteDark: 'hover:bg-gray-100 dark:hover:bg-slate-800',
76+
lightDark: 'hover:bg-gray-200 dark:hover:bg-slate-700',
77+
contrast: 'hover:bg-gray-700 dark:hover:bg-slate-100',
7878
success:
79-
'hover:bg-emerald-700 hover:border-emerald-700 hover:dark:bg-emerald-600 hover:dark:border-emerald-600',
79+
'hover:bg-emerald-700 hover:border-emerald-700 dark:hover:bg-emerald-600 dark:hover:border-emerald-600',
8080
danger:
81-
'hover:bg-red-700 hover:border-red-700 hover:dark:bg-red-600 hover:dark:border-red-600',
81+
'hover:bg-red-700 hover:border-red-700 dark:hover:bg-red-600 dark:hover:border-red-600',
8282
warning:
83-
'hover:bg-yellow-700 hover:border-yellow-700 hover:dark:bg-yellow-600 hover:dark:border-yellow-600',
84-
info: 'hover:bg-sky-700 hover:border-sky-700 hover:dark:bg-sky-600 hover:dark:border-sky-600',
83+
'hover:bg-yellow-700 hover:border-yellow-700 dark:hover:bg-yellow-600 dark:hover:border-yellow-600',
84+
info: 'hover:bg-sky-700 hover:border-sky-700 dark:hover:bg-sky-600 dark:hover:border-sky-600',
8585
},
8686
borders: {
8787
white: 'border-white',
@@ -102,14 +102,14 @@ export const getButtonColor = (
102102
},
103103
outlineHover: {
104104
contrast:
105-
'hover:bg-gray-800 hover:text-gray-100 hover:dark:bg-slate-100 hover:dark:text-black',
105+
'hover:bg-gray-800 hover:text-gray-100 dark:hover:bg-slate-100 dark:hover:text-black',
106106
success:
107-
'hover:bg-emerald-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-emerald-600',
107+
'hover:bg-emerald-600 hover:text-white hover:text-white dark:hover:text-white dark:hover:border-emerald-600',
108108
danger:
109-
'hover:bg-red-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-red-600',
109+
'hover:bg-red-600 hover:text-white hover:text-white dark:hover:text-white dark:hover:border-red-600',
110110
warning:
111-
'hover:bg-yellow-600 hover:text-white hover:text-white hover:dark:text-white hover:dark:border-yellow-600',
112-
info: 'hover:bg-sky-600 hover:text-white hover:dark:text-white hover:dark:border-sky-600',
111+
'hover:bg-yellow-600 hover:text-white hover:text-white dark:hover:text-white dark:hover:border-yellow-600',
112+
info: 'hover:bg-sky-600 hover:text-white dark:hover:text-white dark:hover:border-sky-600',
113113
},
114114
};
115115

‎src/components/BaseButton.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ const componentClass = computed(() => {
8686
'whitespace-nowrap',
8787
'focus:outline-none',
8888
'transition-colors',
89-
'focus:ring',
89+
'focus:ring-3',
9090
'duration-150',
9191
'border',
9292
props.disabled ? 'cursor-not-allowed' : 'cursor-pointer',

‎src/components/CardBoxComponentHeader.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ const buttonClick = (event) => {
3737
</div>
3838
<button
3939
v-if="buttonIcon"
40-
class="flex items-center p-2 justify-center ring-sky-700 focus:ring"
40+
class="flex items-center p-2 justify-center ring-sky-700 focus:ring-3"
4141
@click="buttonClick"
4242
>
4343
<BaseIcon :path="buttonIcon" />

‎src/components/FormControl.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ const computedValue = computed({
6262
6363
const inputElClass = computed(() => {
6464
const base = [
65-
'px-3 py-2 max-w-full focus:ring focus:outline-none border-gray-700 rounded w-full',
65+
'px-3 py-2 max-w-full focus:ring-3 focus:outline-none border-gray-700 rounded w-full',
6666
'dark:placeholder-gray-400',
6767
computedType.value === 'textarea' ? 'h-24' : 'h-12',
6868
props.borderless ? 'border-0' : 'border',

‎src/css/main.css‎

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
1-
@import 'tailwind/_base.css';
2-
@import 'tailwind/_components.css';
3-
@import 'tailwind/_utilities.css';
1+
@import 'tailwindcss';
2+
@import './tailwind/_base.css';
3+
@import './tailwind/_components.css';
4+
@import './tailwind/_utilities.css';
45

5-
@import '_checkbox-radio-switch.css';
6-
@import '_progress.css';
7-
@import '_scrollbars.css';
8-
@import '_table.css';
6+
@import './_checkbox-radio-switch.css';
7+
@import './_progress.css';
8+
@import './_scrollbars.css';
9+
@import './_table.css';
910

10-
@import 'styles/_basic.css';
11-
@import 'styles/_white.css';
11+
@import './styles/_basic.css';
12+
@import './styles/_white.css';
1213

13-
@import 'ansi.css';
14+
@import './ansi.css';
15+
16+
@config '../../tailwind.config.js';

‎src/css/tailwind/_base.css‎

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,20 @@
1-
@tailwind base;
1+
@import 'tailwindcss/theme' layer(theme);
2+
@import 'tailwindcss/preflight' layer(base);
3+
4+
/*
5+
The default border color has changed to `currentColor` in Tailwind CSS v4,
6+
so we've added these compatibility styles to make sure everything still
7+
looks the same as it did with Tailwind CSS v3.
8+
9+
If we ever want to remove these styles, we need to add an explicit border
10+
color utility to any element that depends on these defaults.
11+
*/
12+
@layer base {
13+
*,
14+
::after,
15+
::before,
16+
::backdrop,
17+
::file-selector-button {
18+
border-color: var(--color-gray-200, currentColor);
19+
}
20+
}

‎src/css/tailwind/_utilities.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
@tailwind utilities;
1+
@import 'tailwindcss/utilities' layer(utilities);

0 commit comments

Comments
 (0)