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/public/icons/phCopy.svg b/public/icons/phCopy.svg new file mode 100644 index 00000000..ff8aa93e --- /dev/null +++ b/public/icons/phCopy.svg @@ -0,0 +1 @@ + diff --git a/public/icons/phSquareSplitHorizontal.svg b/public/icons/phSquareSplitHorizontal.svg new file mode 100644 index 00000000..d14b7eea --- /dev/null +++ b/public/icons/phSquareSplitHorizontal.svg @@ -0,0 +1 @@ + diff --git a/public/icons/phSquareSplitVerticalLight.svg b/public/icons/phSquareSplitVerticalLight.svg new file mode 100644 index 00000000..9fd3631b --- /dev/null +++ b/public/icons/phSquareSplitVerticalLight.svg @@ -0,0 +1 @@ + diff --git a/public/icons/phTreeViewDuotone.svg b/public/icons/phTreeViewDuotone.svg new file mode 100644 index 00000000..89344831 --- /dev/null +++ b/public/icons/phTreeViewDuotone.svg @@ -0,0 +1 @@ + diff --git a/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx b/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx index b8b9a6fd..9d95848b 100644 --- a/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx +++ b/src/common/components/mock-components/front-components/timepickerinput/timepickerinput-shape.tsx @@ -13,11 +13,11 @@ import disabledClockIconSrc from '/icons/clock-disabled.svg'; const timepickerInputShapeRestrictions: ShapeSizeRestrictions = { minWidth: 100, - minHeight: 50, + minHeight: 38, maxWidth: -1, - maxHeight: 50, + maxHeight: 38, defaultWidth: 220, - defaultHeight: 50, + defaultHeight: 38, }; const shapeType: ShapeType = 'timepickerinput'; @@ -114,7 +114,7 @@ export const TimepickerInputShape = 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, }) diff --git a/src/pods/properties/components/icon-selector/modal/icons.ts b/src/pods/properties/components/icon-selector/modal/icons.ts index 30dfc5ed..8e5622a1 100644 --- a/src/pods/properties/components/icon-selector/modal/icons.ts +++ b/src/pods/properties/components/icon-selector/modal/icons.ts @@ -2560,4 +2560,28 @@ export const iconCollection: IconInfo[] = [ searchTerms: ['calculator', 'math', 'arithmetic', 'compute', 'calculate'], categories: ['IT'], }, + { + name: 'Tree view doutone', + filename: 'phTreeViewDuotone.svg', + searchTerms: ['tree', 'view', 'doutone'], + categories: ['IT'], + }, + { + name: 'Square Split horizontal', + filename: 'phSquareSplitHorizontal.svg', + searchTerms: ['square', 'split', 'horizontal'], + categories: ['IT'], + }, + { + name: 'Square Split vertical light', + filename: 'phSquareSplitVerticalLight.svg', + searchTerms: ['square', 'split', 'vertical'], + categories: ['IT'], + }, + { + name: 'Copy', + filename: 'phCopy.svg', + searchTerms: ['copy', 'duplicate', 'clone'], + categories: ['IT'], + }, ];