Superminaren
/
kvm
mirror of https://github.com/jetkvm/kvm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Upgrade packages 

Current packages as of 2025-10-01Z1900
| Package                                         | From     | To          |
|----------------------------------------------|------------|-------------|
| react-simple-keyboard                | 3.8.122 | 3.8.125 |
| @tailwindcss/postcss                    | 4.1.13   | 4.1.14    |
| @tailwindcss/vite                           | 4.1.13   | 4.1.14    |
| @types/react                                 | 19.1.14 | 19.1.17 |
| @types/react-dom                        | 19.1.9   | 19.1.10 |
| @typescript-eslint/eslint-plugin | 8.44.1    | 8.45.0   |
| @typescript-eslint/parser            | 8.44.1   | 8.45.0    |
| tailwindcss                                       | 4.1.13   | 4.1.14    |
| typescript                                        |5.9.2      | 5.9.3      |

Tailwind 4.1.14 surfaces warnings that previously were not shown (but existed). To eliminate these warnings we switch the syntax of the alpha channel on --grid-color-start and --grid-color-end initial-value and :hover colors to use normal CSS syntax instead of the tailwind shorthand.

Changes from var(--color-blue-50/100) to oklch(97% 0.014 254.604 / 100)
This commit is contained in:
Marc Brooks 2025-10-01 13:54:31 -05:00
parent 9438ab7778
commit d91b95783a
No known key found for this signature in database
GPG Key ID: 583A6AF2D6AE1DC6
3 changed files with 339 additions and 329 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

640
ui/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

20
ui/package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "kvm-ui", "name": "kvm-ui",
"private": true, "private": true,
"version": "2025.09.26.01300", "version": "2025.10.01.1900",
"type": "module", "type": "module",
"engines": { "engines": {
"node": "^22.15.0" "node": "^22.15.0"
@ -42,7 +42,7 @@
"react-hot-toast": "^2.6.0", "react-hot-toast": "^2.6.0",
"react-icons": "^5.5.0", "react-icons": "^5.5.0",
"react-router": "^7.9.3", "react-router": "^7.9.3",
"react-simple-keyboard": "^3.8.122", "react-simple-keyboard": "^3.8.125",
"react-use-websocket": "^4.13.0", "react-use-websocket": "^4.13.0",
"react-xtermjs": "^1.0.10", "react-xtermjs": "^1.0.10",
"recharts": "^3.2.1", "recharts": "^3.2.1",
@ -56,15 +56,15 @@
"@eslint/eslintrc": "^3.3.1", "@eslint/eslintrc": "^3.3.1",
"@eslint/js": "^9.36.0", "@eslint/js": "^9.36.0",
"@tailwindcss/forms": "^0.5.10", "@tailwindcss/forms": "^0.5.10",
"@tailwindcss/postcss": "^4.1.13", "@tailwindcss/postcss": "^4.1.14",
"@tailwindcss/typography": "^0.5.19", "@tailwindcss/typography": "^0.5.19",
"@tailwindcss/vite": "^4.1.13", "@tailwindcss/vite": "^4.1.14",
"@types/react": "^19.1.14", "@types/react": "^19.1.17",
"@types/react-dom": "^19.1.9", "@types/react-dom": "^19.1.10",
"@types/semver": "^7.7.1", "@types/semver": "^7.7.1",
"@types/validator": "^13.15.3", "@types/validator": "^13.15.3",
"@typescript-eslint/eslint-plugin": "^8.44.1", "@typescript-eslint/eslint-plugin": "^8.45.0",
"@typescript-eslint/parser": "^8.44.1", "@typescript-eslint/parser": "^8.45.0",
"@vitejs/plugin-react-swc": "^4.1.0", "@vitejs/plugin-react-swc": "^4.1.0",
"autoprefixer": "^10.4.21", "autoprefixer": "^10.4.21",
"eslint": "^9.36.0", "eslint": "^9.36.0",
@ -77,8 +77,8 @@
"postcss": "^8.5.6", "postcss": "^8.5.6",
"prettier": "^3.6.2", "prettier": "^3.6.2",
"prettier-plugin-tailwindcss": "^0.6.14", "prettier-plugin-tailwindcss": "^0.6.14",
"tailwindcss": "^4.1.13", "tailwindcss": "^4.1.14",
"typescript": "^5.9.2", "typescript": "^5.9.3",
"vite": "^7.1.7", "vite": "^7.1.7",
"vite-tsconfig-paths": "^5.1.4" "vite-tsconfig-paths": "^5.1.4"
} }

8
ui/src/index.css
View File

@ -153,13 +153,13 @@ body {
@property --grid-color-start { @property --grid-color-start {
syntax: "<color>"; syntax: "<color>";
initial-value: var(--color-blue-50/10); initial-value: oklch(97% 0.014 254.604 / 10); /* var(--color-blue-50/10) */
inherits: false; inherits: false;
} }
@property --grid-color-end { @property --grid-color-end {
syntax: "<color>"; syntax: "<color>";
initial-value: var(--color-blue-50/100); initial-value: oklch(97% 0.014 254.604 / 100); /* var(--color-blue-50/100) */
inherits: false; inherits: false;
} }
@ -175,8 +175,8 @@ body {
} }
.group:hover .grid-card { .group:hover .grid-card {
--grid-color-start: var(--color-blue-100/50); --grid-color-start: oklch(from var(--color-blue-100) l c h / 50);
--grid-color-end: var(--color-blue-50/50); --grid-color-end: oklch(from var(--color-blue-50) l c h / 50);
} }
video::-webkit-media-controls { video::-webkit-media-controls {