🆙 Updated all css to be used for vite 8.0

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
+1 -3
View File
@@ -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"
}
}
+13 -13
View File
@@ -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);
}
}
+1 -1
View File
@@ -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 {
+1 -1
View File
@@ -139,7 +139,7 @@
div {
line-height: 28px;
text-align: center;
color: $black;
color: #000;
font-weight: bold;
}
}
+7 -7
View File
@@ -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;
+3 -3
View File
@@ -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'),