Replace select usb/bluetooth images to not have beta warning bar (#487)

microbit-foundation · Nov 12, 2024 · 55a8bb2 · 55a8bb2
1 parent 14dffba
commit 55a8bb2
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/components/SelectMicrobitBluetoothDialog.tsx b/src/components/SelectMicrobitBluetoothDialog.tsx
@@ -65,7 +65,7 @@ const SelectMicrobitBluetoothDialog = ({
             </Flex>
           </ListItem>
           <ListItem>
-            <Flex alignItems="center" height="45px">
+            <Flex alignItems="center" height="57px">
               <VisuallyHidden>
                 <Text>2. </Text>
               </VisuallyHidden>
@@ -75,10 +75,10 @@ const SelectMicrobitBluetoothDialog = ({
             </Flex>
           </ListItem>
         </List>
-        <Box position="absolute" top="85px" left="240px">
+        <Box position="absolute" top="86px" left="240px">
           <ArrowOne />
         </Box>
-        <Box position="absolute" bottom="48px" left="265px">
+        <Box position="absolute" bottom="42px" left="268px">
           <ArrowTwo />
         </Box>
       </Box>

diff --git a/src/components/SelectMicrobitUsbDialog.tsx b/src/components/SelectMicrobitUsbDialog.tsx
@@ -38,7 +38,7 @@ const SelectMicrobitUsbDialog = ({ ...props }: SelectMicrobitDialogProps) => {
       <Box position="relative" width="100%">
         <Image
           height={375}
-          width={349}
+          width={342}
           src={selectMicrobitImage}
           alt={intl.formatMessage({ id: "connect-help-alt" })}
         />
@@ -55,7 +55,7 @@ const SelectMicrobitUsbDialog = ({ ...props }: SelectMicrobitDialogProps) => {
         <List
           position="absolute"
           left="490px"
-          top="61px"
+          top="68px"
           alignItems="flex-start"
           spacing={2}
         >
@@ -80,10 +80,10 @@ const SelectMicrobitUsbDialog = ({ ...props }: SelectMicrobitDialogProps) => {
             </Flex>
           </ListItem>
         </List>
-        <Box position="absolute" top="81px" left="230px">
+        <Box position="absolute" top="85px" left="230px">
           <ArrowOne />
         </Box>
-        <Box position="absolute" bottom="48px" left="256px">
+        <Box position="absolute" bottom="43px" left="259px">
           <ArrowTwo />
         </Box>
       </Box>

diff --git a/src/images/select-microbit-bluetooth.png b/src/images/select-microbit-bluetooth.png
diff --git a/src/images/select-microbit-web-usb.png b/src/images/select-microbit-web-usb.png