CSS просачивается с одной страницы на другую в реакции Vite [закрыто] ⇐ CSS

[Anonymous]

Я создаю веб-панель с помощью React Vite, настроил маршрутизатор в App.jsx и создал две страницы Auth.jsx и Dashboard.jsx

Обе страницы имеют свои собственные файлы CSS, но фоновое изображение настроено в теле Auth.css и также отображается на странице информационной панели. Я попробовал настроить цвет фона тела в Dashboard.css, но это сработало! В Dashboard.jsx не импортирован Auth.css, даже если Auth.css просачивается на страницу информационной панели (Dashboard.jsx)!
Помогите мне решить проблему и выяснить, почему это происходит! Если вы хотите увидеть структуру файла, вот она-
frontend
┣ node_modules
┣ public
┃ ┣ pterodactyl++.webp
┃ ┗ vite.svg
┣ src
┃ ┣ assets
┃ ┃ ┣ 67278.jpg
┃ ┃ ┣ pterodactyl++.webp
┃ ┃ ┗ react.svg
┃ ┣ components
┃ ┣ pages
┃ ┃ ┣ css
┃ ┃ ┃ ┣ Auth.css
┃ ┃ ┃ ┗ Dashboard.css
┃ ┃ ┣ Auth.jsx
┃ ┃ ┗ Dashboard.jsx
┃ ┣ App.css
┃ ┣ App.jsx
┃ ┣ index.css
┃ ┗ main.jsx
┣ .gitignore
┣ eslint.config.js
┣ index.html
┣ package-lock.json
┣ package.json
┣ README.md
┗ vite.config.js


Подробнее здесь: https://stackoverflow.com/questions/798 ... react-vite