Skip to content
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.

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

在vitepress中使用tailwindcss v3时‘阅读增强’插件渲染出现无关元素 #383

Closed
ikenxuan opened this issue Jan 31, 2025 · 1 comment · Fixed by #384
Closed

Comments

@ikenxuan
Copy link

如视频所示

PixPin_2025-01-31_13-09-36.mp4

vitepress版本 1.6.3
vitepress-plugin-enhanced-readabilities版本 2.12.1
tailwindcss版本 3.4.17 换成v4也是这样

阅读增强插件注册参考 https://vitepress.dev/guide/extending-default-theme#using-view-transitions-api

tailwindcss配置

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./docs/.vitepress/theme/components/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}
// postcss.config.js
export default {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
}
@nekomeowww
Copy link
Member

#384 里会修复。

厉害的居然能发现这样的 UI 问题。不过这也说明 tailwindcss 和 unocss 似乎有不兼容的实现。

我猜是因为 tailwind 在新版本中会将 border 给修复成带 solid 样式的 border 而 unocss 不会导致的样式区别的问题?我觉得可以考虑做一个最小复现提交给 unocss or tailwindcss。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants