Skip to content

fix(frontend): declare Vuetify cascade layer order before the split CSS chunks #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
helldweller merged 2 commits into from
Oct 25, 2026
Merged

fix(frontend): declare Vuetify cascade layer order before the split CSS chunks #1

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
851b0fd
fix(frontend): declare Vuetify cascade layer order before the split C…
Oct 25, 2026
0fbeba7
fix(frontend): keep <meta charset> first, put the layer order after t…
Oct 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions src/dispatch/static/dispatch/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,17 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!--
Vuetify 4 puts every style in a cascade layer, and the browser ranks layers
by first appearance. Vite links the split CSS chunks (VApp-*.css, VContainer-*.css)
before index-*.css, and those open @layer vuetify-components first, which puts
vuetify-core above it: the `* { padding: 0 }` reset in vuetify-md2-compat.css
then beats every component rule, and v-main loses its app-bar and drawer offsets.
Declaring the order here, before any stylesheet, pins it to the one Vuetify documents.
-->
<style>
@layer vuetify-core, vuetify-components, vuetify-overrides, vuetify-utilities, vuetify-final;
</style>
<title>Dispatch</title>
<link
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"
Expand Down
Loading