vue-devui icon indicating copy to clipboard operation
vue-devui copied to clipboard

🐛 [Bug]: Search component icon style is not correct.

Open kagol opened this issue 3 years ago • 4 comments

Version

latest

Vue Version

latest

Link to minimal reproduction

The following link can reproduce the problem: https://vue-devui.github.io/components/search/

image

Step to reproduce

The search button icon is not round. It's very strange.

image

What is expected

No response

What is actually happening

No response

Any additional comments (optional)

No response

kagol avatar Dec 13 '22 14:12 kagol

微信图片_20221215115652

umm... no problem in Windows 10 (Edge 108.0.1462.46)

GaoNeng-wWw avatar Dec 15 '22 04:12 GaoNeng-wWw

从项目的theme-data.ts和extend-theme.ts文件可知font-size尺寸定义如下: --devui-font-size-sm: 12px; --devui-font-size-md: 14px; --devui-font-size-lg: 14px; md和lg定义的尺寸相同,这可能是设计存在的缺陷,猜想lg的尺寸应该16px。

另,上述出现的问题刚好引用了以上的变量,故存在问题。

hxj9102 avatar Dec 18 '22 10:12 hxj9102

从项目的theme-data.ts和extend-theme.ts文件可知font-size尺寸定义如下: --devui-font-size-sm: 12px; --devui-font-size-md: 14px; --devui-font-size-lg: 14px; md和lg定义的尺寸相同,这可能是设计存在的缺陷,猜想lg的尺寸应该16px。

另,上述出现的问题刚好引用了以上的变量,故存在问题。

也可能尺寸设计上本来就是这样,非设计的缺陷。 为解决上述icon大小问题,在不改theme尺寸的提前下,可对icon的宽高进行自定义,非完全使用引用的尺寸。

hxj9102 avatar Dec 18 '22 11:12 hxj9102

微信图片_20221215115652

umm... no problem in Windows 10 (Edge 108.0.1462.46)

Look at the search icon carefully, md and lg have the same size actually.

hxj9102 avatar Dec 18 '22 11:12 hxj9102