Fix modal background missing in dev mode by reordering CSS imports

This commit is contained in:
FloPinguin
2026-06-12 18:23:42 +02:00
parent 1ef3fca2ac
commit 5cf9220c67
+8 -6
View File
@@ -17,6 +17,8 @@ import {
USER_SETTINGS_CHANGED_EVENT,
UserSettings,
} from "../core/game/UserSettings";
// CSS imports must come before component imports so that Tailwind styles
// are in the DOM when shadow-DOM components call documentStylesSheet().
import "./AccountModal";
import { getUserMe, invalidateUserMe } from "./Api";
import { userAuth } from "./Auth";
@@ -66,6 +68,12 @@ import {
isInIframe,
translateText,
} from "./Utils";
import "./styles.css";
import "./styles/core/typography.css";
import "./styles/core/variables.css";
import "./styles/layout/container.css";
import "./styles/layout/header.css";
import "./styles/modal/chat.css";
import { installSafariPinchZoomBlocker } from "./utilities/DisableSafariPinchZoom";
import "./components/DesktopNavBar";
@@ -76,12 +84,6 @@ import "./components/PlayPage";
import "./components/RankedModal";
import "./components/baseComponents/Button";
import "./components/baseComponents/Modal";
import "./styles.css";
import "./styles/core/typography.css";
import "./styles/core/variables.css";
import "./styles/layout/container.css";
import "./styles/layout/header.css";
import "./styles/modal/chat.css";
function updateAccountNavButton(userMeResponse: UserMeResponse | false) {
const button = document.getElementById("nav-account-button");