duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-19 15:06:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 Updated all css to be used for vite 8.0

Browse Source
This commit is contained in:
duckietm
2026-04-10 10:15:58 +02:00
parent 4afdfd8f33
commit 2ac7ed492f
6 changed files with 26 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -3
View File
@@ -38,7 +38,6 @@
"@typescript-eslint/eslint-plugin": "^8.56.0", "@typescript-eslint/eslint-plugin": "^8.56.0",
"@typescript-eslint/parser": "^8.56.0", "@typescript-eslint/parser": "^8.56.0",
"@vitejs/plugin-react": "^5.1.4", "@vitejs/plugin-react": "^5.1.4",
"autoprefixer": "^10.4.24",
"eslint": "^10.0.0", "eslint": "^10.0.0",
"eslint-plugin-react": "^7.37.5", "eslint-plugin-react": "^7.37.5",
"eslint-plugin-react-hooks": "^7.0.1", "eslint-plugin-react-hooks": "^7.0.1",
@@ -48,7 +47,6 @@
"tailwindcss": "^4.2.0", "tailwindcss": "^4.2.0",
"typescript": "^5.9.3", "typescript": "^5.9.3",
"typescript-eslint": "^8.56.0", "typescript-eslint": "^8.56.0",
"vite": "^7.3.1", "vite": "^8.0.8"
"vite-tsconfig-paths": "^6.1.1"
} }
} }
src/css/nitrocard/NitroCardView.css
+13 -13
View File
@@ -1,7 +1,7 @@
.nitro-card { .nitro-card {
resize: both; resize: both;
@include media-breakpoint-down(lg) { @media (max-width: 991.98px) {
max-width: 100vw !important; max-width: 100vw !important;
max-height: 100vh !important; max-height: 100vh !important;
} }
@@ -16,8 +16,8 @@
.nitro-card-header-text { .nitro-card-header-text {
color: #FFF; color: #FFF;
text-shadow: 0px 4px 4px rgba(#000, 0.25); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
@include font-size(1.35); font-size: 1.35rem;
} }
.nitro-card-header-close { .nitro-card-header-close {
@@ -116,7 +116,7 @@
min-height: 28px; min-height: 28px;
max-height: 28px; max-height: 28px;
background: repeating-linear-gradient(#2DABC2, #2DABC2 50%, #2B91A7 50%, #2B91A7 100%); 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; box-shadow: 0 2px white;
width: 100%; width: 100%;
margin: 0; margin: 0;
@@ -129,13 +129,13 @@
left: 0; left: 0;
width: 100%; width: 100%;
height: 2px; height: 2px;
background-color: rgba(#FFF, 0.3); background-color: rgba(255, 255, 255, 0.3);
} }
.nitro-card-header-text { .nitro-card-header-text {
color: #FFF; color: #FFF;
text-shadow: 0px 4px 4px rgba(#000, 0.25); text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
@include font-size (1.125); font-size: 1.125rem;
min-height: 21px; min-height: 21px;
} }
@@ -143,7 +143,7 @@
cursor: pointer; cursor: pointer;
padding: 0px 2px; padding: 0px 2px;
line-height: 1; line-height: 1;
@include font-size(.675); font-size: 0.675rem;
border-radius: .25rem; border-radius: .25rem;
box-shadow: 0 0 0 1.6px #FFF; box-shadow: 0 0 0 1.6px #FFF;
border: 2px solid #921911; border: 2px solid #921911;
@@ -168,7 +168,7 @@
padding: 0px 2px; padding: 0px 2px;
margin-right: 4px; margin-right: 4px;
line-height: 1; line-height: 1;
@include font-size(.675); font-size: 0.675rem;
border-radius: .25rem; border-radius: .25rem;
box-shadow: 0 0 0 1.6px #FFF; box-shadow: 0 0 0 1.6px #FFF;
border: 2px solid #921911; border: 2px solid #921911;
@@ -210,7 +210,7 @@
} }
} }
@include media-breakpoint-down(lg) { @media (max-width: 991.98px) {
.content-area { .content-area {
height: 100% !important; height: 100% !important;
min-height: auto !important; min-height: auto !important;
@@ -235,11 +235,11 @@
&.active { &.active {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background: rgba(#FFF, 0.5); background: rgba(255, 255, 255, 0.5);
border-bottom: 1px solid rgba(#000, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2);
} }
.nitro-card-accordion-set-header { .nitro-card-accordion-set-header {
border-bottom: 1px solid rgba(#000, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2);
} }
} }
src/css/purse/PurseView.css
+1 -1
View File
@@ -6,7 +6,7 @@
margin-top: 4px; margin-top: 4px;
.nitro-purse-subscription { .nitro-purse-subscription {
background-color: rgba($light, 0.1); background-color: rgba(248, 249, 250, 0.1);
} }
.nitro-purse-button { .nitro-purse-button {
src/css/room/InfoStand.css
+1 -1
View File
@@ -139,7 +139,7 @@
div { div {
line-height: 28px; line-height: 28px;
text-align: center; text-align: center;
color: $black; color: #000;
font-weight: bold; font-weight: bold;
} }
} }
src/css/room/RoomWidgets.css
+7 -7
View File
@@ -5,7 +5,7 @@
.nitro-room-tools { .nitro-room-tools {
background: #212131; 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-top-right-radius: .25rem;
border-bottom-right-radius: .25rem; border-bottom-right-radius: .25rem;
transition: all .2s ease; transition: all .2s ease;
@@ -16,7 +16,7 @@
background: transparent; background: transparent;
padding: 3px 0px; padding: 3px 0px;
color: #FFF; color: #FFF;
border-color: rgba(#000, 0.3); border-color: rgba(0, 0, 0, 0.3);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@@ -55,7 +55,7 @@
.nitro-room-history { .nitro-room-history {
background: #212131; 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; transition: all .2s ease;
width: 150px; width: 150px;
overflow: hidden; overflow: hidden;
@@ -64,7 +64,7 @@
.nitro-room-tools-info { .nitro-room-tools-info {
background: #212131; 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; transition: all .2s ease;
max-width: 250px; max-width: 250px;
} }
@@ -83,9 +83,9 @@
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
font-size: large; font-size: large;
background: rgba(#000, 0.95); background: rgba(0, 0, 0, 0.95);
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-radius: $border-radius; border-radius: 0.25rem;
transition: all 0.2s ease; transition: all 0.2s ease;
z-index: 21; z-index: 21;
vite.config.mjs
+3 -3
View File
@@ -2,14 +2,13 @@ import react from '@vitejs/plugin-react';
import { existsSync } from 'fs'; import { existsSync } from 'fs';
import { resolve } from 'path'; import { resolve } from 'path';
import { defineConfig } from 'vite'; 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 currentRendererRoot = resolve(__dirname, '..', 'Nitro_Render_V3');
const rendererRoot = existsSync(currentRendererRoot) ? currentRendererRoot : legacyRendererRoot; const rendererRoot = existsSync(currentRendererRoot) ? currentRendererRoot : legacyRendererRoot;
export default defineConfig({ export default defineConfig({
plugins: [ react(), tsconfigPaths() ], plugins: [ react() ],
server: { server: {
fs: { fs: {
allow: [ allow: [
@@ -25,6 +24,7 @@ export default defineConfig({
} }
}, },
resolve: { resolve: {
tsconfigPaths: true,
alias: { alias: {
'@': resolve(__dirname, 'src'), '@': resolve(__dirname, 'src'),
'~': resolve(__dirname, 'node_modules'), '~': resolve(__dirname, 'node_modules'),