diff --git a/src/assets/svg/caret-left.svg b/src/assets/svg/caret-left.svg new file mode 100644 index 0000000..46b6af8 --- /dev/null +++ b/src/assets/svg/caret-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/svg/caret-right.svg b/src/assets/svg/caret-right.svg index 804de29..22e3148 100644 --- a/src/assets/svg/caret-right.svg +++ b/src/assets/svg/caret-right.svg @@ -1,5 +1,3 @@ - - - - + + diff --git a/src/modules/game-bar/game-bar.ts b/src/modules/game-bar/game-bar.ts index db6eefc..dd51f4f 100644 --- a/src/modules/game-bar/game-bar.ts +++ b/src/modules/game-bar/game-bar.ts @@ -36,7 +36,7 @@ export class GameBar { const $gameBar = CE('div', {id: 'bx-game-bar', class: 'bx-gone', 'data-position': position}, $container = CE('div', {class: 'bx-game-bar-container bx-offscreen'}), - createSvgIcon(BxIcon.CARET_RIGHT), + createSvgIcon(position === 'bottom-left' ? BxIcon.CARET_RIGHT : BxIcon.CARET_LEFT), ); this.actions = [ diff --git a/src/utils/bx-icon.ts b/src/utils/bx-icon.ts index 8366257..e4341f8 100644 --- a/src/utils/bx-icon.ts +++ b/src/utils/bx-icon.ts @@ -1,5 +1,3 @@ -import iconCadetRight from "@assets/svg/caret-right.svg" with { type: "text" }; -import iconCamera from "@assets/svg/camera.svg" with { type: "text" }; import iconController from "@assets/svg/controller.svg" with { type: "text" }; import iconCopy from "@assets/svg/copy.svg" with { type: "text" }; import iconCursorText from "@assets/svg/cursor-text.svg" with { type: "text" }; @@ -16,6 +14,10 @@ import iconTrash from "@assets/svg/trash.svg" with { type: "text" }; import iconTouchControlEnable from "@assets/svg/touch-control-enable.svg" with { type: "text" }; import iconTouchControlDisable from "@assets/svg/touch-control-disable.svg" with { type: "text" }; +// Game Bar +import iconCaretLeft from "@assets/svg/caret-left.svg" with { type: "text" }; +import iconCaretRight from "@assets/svg/caret-right.svg" with { type: "text" }; +import iconCamera from "@assets/svg/camera.svg" with { type: "text" }; import iconMicrophone from "@assets/svg/microphone.svg" with { type: "text" }; import iconMicrophoneMuted from "@assets/svg/microphone-slash.svg" with { type: "text" }; @@ -35,7 +37,9 @@ export const BxIcon = { REMOTE_PLAY: iconRemotePlay, - CARET_RIGHT: iconCadetRight, + // Game Bar + CARET_LEFT: iconCaretLeft, + CARET_RIGHT: iconCaretRight, SCREENSHOT: iconCamera, TOUCH_CONTROL_ENABLE: iconTouchControlEnable, TOUCH_CONTROL_DISABLE: iconTouchControlDisable,