调整画布工具栏引导尺寸

画布工具栏引导图整体缩小百分之二十
保持引导气泡贴近底部工具栏且文案居中
This commit is contained in:
2026-07-01 20:07:31 +08:00
parent 47083bfe05
commit c3dce25c24
+17 -9
View File
@@ -6837,13 +6837,14 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
.image-canvas-editor__toolbar-guide {
position: absolute;
left: 50%;
bottom: 3.65rem;
bottom: -0.7rem;
z-index: 12;
width: min(38rem, calc(100% - 2rem));
aspect-ratio: 2 / 1;
color: #ffffff;
pointer-events: none;
transform: translateX(-50%);
transform: translateX(-50%) scale(0.8);
transform-origin: bottom center;
}
.image-canvas-editor__toolbar-guide-art {
@@ -6856,17 +6857,22 @@ html[data-mobile-keyboard-open='true'] .platform-mobile-bottom-dock {
.image-canvas-editor__toolbar-guide span {
position: absolute;
top: 49%;
right: 7%;
left: 36%;
top: 32%;
right: 10%;
bottom: 26%;
left: 32%;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: 0.15rem 0.9rem;
margin: 0;
color: #ffffff;
font-size: 1rem;
font-size: 1.08rem;
font-weight: 850;
line-height: 1.45;
text-align: center;
text-shadow: 0 2px 7px rgba(127, 65, 25, 0.2);
transform: translateY(-50%);
}
.image-canvas-editor__bottom-toolbar button[aria-pressed='true'] {
@@ -9226,12 +9232,14 @@ button.image-canvas-editor__reference-chip:disabled {
.image-canvas-editor__toolbar-guide {
right: 0.85rem;
left: 0.85rem;
bottom: 4.25rem;
bottom: 0.9rem;
width: auto;
transform: none;
transform: scale(0.8);
}
.image-canvas-editor__toolbar-guide span {
left: 33%;
padding: 0.1rem 0.55rem;
font-size: 0.82rem;
}