diff --git a/public/containers/mobile.svg b/public/containers/mobile.svg index 6c1fc8d1..ce2529e7 100644 --- a/public/containers/mobile.svg +++ b/public/containers/mobile.svg @@ -14,22 +14,22 @@ - + - + - + - 17:00 + 17:00 diff --git a/src/common/components/mock-components/front-containers/mobilephone-shape.tsx b/src/common/components/mock-components/front-containers/mobilephone-shape.tsx index ddab3381..6a92abbf 100644 --- a/src/common/components/mock-components/front-containers/mobilephone-shape.tsx +++ b/src/common/components/mock-components/front-containers/mobilephone-shape.tsx @@ -46,7 +46,7 @@ export const MobilePhoneShape = forwardRef((props, ref) => { const adornerIconSize = 20; const adornerPadding = 5; - const adornerTotalWidth = adornerIconSize * 3 + 17 * 2 + 30; + const adornerTotalWidth = adornerIconSize * 3 + screenMargin; // Calculate inner screen coordinates (excluding frame margins) const screenX = margin + screenMargin; // Left edge of inner screen @@ -62,7 +62,7 @@ export const MobilePhoneShape = forwardRef((props, ref) => { const signalX = adornerStartX + 17; const batteryX = adornerStartX + 20 * 2; - const timeX = adornerStartX + 23 * 3; + const timeX = screenX + screenMargin; const timeY = adornerY + 4; const timeWidth = 40; @@ -88,7 +88,7 @@ export const MobilePhoneShape = forwardRef((props, ref) => { const now = new Date(); setCurrentTime( now.toLocaleTimeString('es-ES', { - hour: '2-digit', + hour: 'numeric', minute: '2-digit', hour12: false, })