diff --git a/src/index.css b/src/index.css index 6f7269448..9e119649b 100644 --- a/src/index.css +++ b/src/index.css @@ -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; }