Conversation
nighca
commented
Apr 10, 2026
| height: 100%; | ||
| } | ||
|
|
||
| @layer theme, base, naive-ui, components, utilities; |
Author
There was a problem hiding this comment.
如果这里加了的话，是不是 app.css 那里的可以干掉了？其实加在 app.css 那里更好一些，但是我暂时没想到好的做法可以既把顺序声明保留在 app.css 中又让它对 naive-ui 的 layer 生效
cn0809
added a commit
that referenced
this pull request
Apr 13, 2026
…oplus#3002) * sv * disable tailwind preflight * fix: theme leading/text variables & tailwind utilities confliction with existing classes * batch migration task 1 * batch migration task 2 - asset * copilot * editor - wip * almost done * details * move UI component base styles into Tailwind component layer * move template root comment outside * fix incompatible css nesting & some details * update doc * refine tailwind flex utility usage and styling guidelines * fix: missing navbar background image * fix: css layer order messed up in split css chunk * fix: utilities not work for UITextInput/UIDivider/UIRadioGroup * draft: vue 3+ tailwind 4 component guildelines * migrate UIButton to recipe-based tailwind styling * fix: unexpected twMerge result due to non-standard tailwind tokens * migrate UI components to tailwind v4 & remove scss deps * support custom text-size utilities in twMerge * move input layout classes to native wrappers & update docs * Use naive-ui with layer support (#2) * text-body -> text-base & remove redundant descriptions in docs * simplify root class merging in UI components * remove redundant layer order declarations * fix: restore loading compatibility hooks for project runner * align component styles with css layers and root class merging --------- Co-authored-by: Hanxing Yang <nighca@live.cn>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR switches the app to a layer-enabled Naive UI build so it works correctly with Tailwind CSS v4 in the real project.
naive-uiwith the published alias@nighca/naive-ui@^2.38.1-layer.0index.htmlRelated package change: nighca/naive-ui#1
This avoids generated Naive UI styles overriding Tailwind utility classes unexpectedly.