Innei/Shiro

依赖 daisyui 版本大于等于v4.12.8会导致代码块滚动条样式和原有样式冲突

Hanazono-Airi opened this issue · 1 comments

Describe the bug

如题。

拉取最新代码并构建后发现代码块在hover与正常情况下的滚动条样式冲突

正常情况下:
image

hover时:
image

通过查阅 daisyui v4.12.8的改动得知,daisyui 添加了在所有元素hover时滚动条的样式,如下图
image

可能的解决方法

修改 src/styles/tailwindcss.css 中的第47行,如下图所示
image
结果:
image

Reproduction

见描述

System Info

no need.

Used Package Manager

npm

Validations

  • Follow our Code of Conduct
  • Read the Contributing Guide.
  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
  • The provided reproduction is a minimal reproducible of the bug.

Thanks