style(h5): HomeToolIcon 全局放大约 39%
统一按 prop×1.392 显示,并同步首页九宫格容器,避免裁切。 Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -239,7 +239,8 @@ const props = withDefaults(
|
|||||||
|
|
||||||
const uid = useId().replace(/:/g, '')
|
const uid = useId().replace(/:/g, '')
|
||||||
const f = computed(() => `url(#${uid}s)`)
|
const f = computed(() => `url(#${uid}s)`)
|
||||||
const sizePx = computed(() => `${props.size}px`)
|
/** Display size = prop × 1.392 (cumulative icon scale). */
|
||||||
|
const sizePx = computed(() => `${Math.round(props.size * 1.392)}px`)
|
||||||
function g(key: string) {
|
function g(key: string) {
|
||||||
return `url(#${uid}${key})`
|
return `url(#${uid}${key})`
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -79,7 +79,7 @@ defineEmits<{ track: [label: string] }>()
|
|||||||
gap: 2px;
|
gap: 2px;
|
||||||
}
|
}
|
||||||
.tool-item {
|
.tool-item {
|
||||||
width: 74px;
|
width: 88px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -93,8 +93,8 @@ defineEmits<{ track: [label: string] }>()
|
|||||||
transform: scale(0.9);
|
transform: scale(0.9);
|
||||||
}
|
}
|
||||||
.tool-item .icon {
|
.tool-item .icon {
|
||||||
width: 54px;
|
width: 75px;
|
||||||
height: 54px;
|
height: 75px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user