diff --git a/package.json b/package.json index 4dab2f5..efca2c3 100644 --- a/package.json +++ b/package.json @@ -38,7 +38,6 @@ "@typescript-eslint/eslint-plugin": "^8.56.0", "@typescript-eslint/parser": "^8.56.0", "@vitejs/plugin-react": "^5.1.4", - "autoprefixer": "^10.4.24", "eslint": "^10.0.0", "eslint-plugin-react": "^7.37.5", "eslint-plugin-react-hooks": "^7.0.1", @@ -48,7 +47,6 @@ "tailwindcss": "^4.2.0", "typescript": "^5.9.3", "typescript-eslint": "^8.56.0", - "vite": "^7.3.1", - "vite-tsconfig-paths": "^6.1.1" + "vite": "^8.0.8" } } diff --git a/src/css/nitrocard/NitroCardView.css b/src/css/nitrocard/NitroCardView.css index 2d13b40..4c4adef 100644 --- a/src/css/nitrocard/NitroCardView.css +++ b/src/css/nitrocard/NitroCardView.css @@ -1,7 +1,7 @@ .nitro-card { resize: both; - @include media-breakpoint-down(lg) { + @media (max-width: 991.98px) { max-width: 100vw !important; max-height: 100vh !important; } @@ -16,8 +16,8 @@ .nitro-card-header-text { color: #FFF; - text-shadow: 0px 4px 4px rgba(#000, 0.25); - @include font-size(1.35); + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-size: 1.35rem; } .nitro-card-header-close { @@ -116,7 +116,7 @@ min-height: 28px; max-height: 28px; background: repeating-linear-gradient(#2DABC2, #2DABC2 50%, #2B91A7 50%, #2B91A7 100%); - border-bottom: 2px solid darken(#2B91A7, 5); + border-bottom: 2px solid #267F93; box-shadow: 0 2px white; width: 100%; margin: 0; @@ -129,13 +129,13 @@ left: 0; width: 100%; height: 2px; - background-color: rgba(#FFF, 0.3); + background-color: rgba(255, 255, 255, 0.3); } .nitro-card-header-text { color: #FFF; - text-shadow: 0px 4px 4px rgba(#000, 0.25); - @include font-size (1.125); + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-size: 1.125rem; min-height: 21px; } @@ -143,7 +143,7 @@ cursor: pointer; padding: 0px 2px; line-height: 1; - @include font-size(.675); + font-size: 0.675rem; border-radius: .25rem; box-shadow: 0 0 0 1.6px #FFF; border: 2px solid #921911; @@ -168,7 +168,7 @@ padding: 0px 2px; margin-right: 4px; line-height: 1; - @include font-size(.675); + font-size: 0.675rem; border-radius: .25rem; box-shadow: 0 0 0 1.6px #FFF; border: 2px solid #921911; @@ -210,7 +210,7 @@ } } -@include media-breakpoint-down(lg) { +@media (max-width: 991.98px) { .content-area { height: 100% !important; min-height: auto !important; @@ -235,11 +235,11 @@ &.active { height: 100%; overflow: hidden; - background: rgba(#FFF, 0.5); - border-bottom: 1px solid rgba(#000, 0.2); + background: rgba(255, 255, 255, 0.5); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .nitro-card-accordion-set-header { - border-bottom: 1px solid rgba(#000, 0.2); + border-bottom: 1px solid rgba(0, 0, 0, 0.2); } } diff --git a/src/css/purse/PurseView.css b/src/css/purse/PurseView.css index 7134551..60537b9 100644 --- a/src/css/purse/PurseView.css +++ b/src/css/purse/PurseView.css @@ -6,7 +6,7 @@ margin-top: 4px; .nitro-purse-subscription { - background-color: rgba($light, 0.1); + background-color: rgba(248, 249, 250, 0.1); } .nitro-purse-button { diff --git a/src/css/room/InfoStand.css b/src/css/room/InfoStand.css index e44b062..1db8a82 100644 --- a/src/css/room/InfoStand.css +++ b/src/css/room/InfoStand.css @@ -139,7 +139,7 @@ div { line-height: 28px; text-align: center; - color: $black; + color: #000; font-weight: bold; } } \ No newline at end of file diff --git a/src/css/room/RoomWidgets.css b/src/css/room/RoomWidgets.css index 1509e5b..3312760 100644 --- a/src/css/room/RoomWidgets.css +++ b/src/css/room/RoomWidgets.css @@ -5,7 +5,7 @@ .nitro-room-tools { background: #212131; - box-shadow: inset 0px 5px lighten(rgba(#000, .6), 2.5), inset 0 -4px darken(rgba(#000, .6), 4); + box-shadow: inset 0px 5px rgba(6, 6, 6, 0.6), inset 0 -4px rgba(0, 0, 0, 0.6); border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; transition: all .2s ease; @@ -16,7 +16,7 @@ background: transparent; padding: 3px 0px; color: #FFF; - border-color: rgba(#000, 0.3); + border-color: rgba(0, 0, 0, 0.3); cursor: pointer; &:hover { @@ -55,7 +55,7 @@ .nitro-room-history { background: #212131; - box-shadow: inset 0px 5px lighten(rgba(#000, .6), 2.5), inset 0 -4px darken(rgba(#000, .6), 4); + box-shadow: inset 0px 5px rgba(6, 6, 6, 0.6), inset 0 -4px rgba(0, 0, 0, 0.6); transition: all .2s ease; width: 150px; overflow: hidden; @@ -64,7 +64,7 @@ .nitro-room-tools-info { background: #212131; - box-shadow: inset 0px 5px lighten(rgba(#000, .6), 2.5), inset 0 -4px darken(rgba(#000, .6), 4); + box-shadow: inset 0px 5px rgba(6, 6, 6, 0.6), inset 0 -4px rgba(0, 0, 0, 0.6); transition: all .2s ease; max-width: 250px; } @@ -83,9 +83,9 @@ left: 50%; transform: translateX(-50%); font-size: large; - background: rgba(#000, 0.95); - box-shadow: inset 0px 5px lighten(rgba(#000, .6), 2.5), inset 0 -4px darken(rgba(#000, .6), 4); - border-radius: $border-radius; + background: rgba(0, 0, 0, 0.95); + box-shadow: inset 0px 5px rgba(6, 6, 6, 0.6), inset 0 -4px rgba(0, 0, 0, 0.6); + border-radius: 0.25rem; transition: all 0.2s ease; z-index: 21; diff --git a/vite.config.mjs b/vite.config.mjs index f12070f..9549310 100644 --- a/vite.config.mjs +++ b/vite.config.mjs @@ -2,14 +2,13 @@ import react from '@vitejs/plugin-react'; import { existsSync } from 'fs'; import { resolve } from 'path'; import { defineConfig } from 'vite'; -import tsconfigPaths from 'vite-tsconfig-paths'; -const legacyRendererRoot = resolve(__dirname, '..', 'renderer3'); +const legacyRendererRoot = resolve(__dirname, '..', 'renderer'); const currentRendererRoot = resolve(__dirname, '..', 'Nitro_Render_V3'); const rendererRoot = existsSync(currentRendererRoot) ? currentRendererRoot : legacyRendererRoot; export default defineConfig({ - plugins: [ react(), tsconfigPaths() ], + plugins: [ react() ], server: { fs: { allow: [ @@ -25,6 +24,7 @@ export default defineConfig({ } }, resolve: { + tsconfigPaths: true, alias: { '@': resolve(__dirname, 'src'), '~': resolve(__dirname, 'node_modules'),