adjust image dimensions

Author: Nadia-JSch

docs/infrastructure-management/connectivity/creating-wall-jacks.mdx

@@ -14,6 +14,7 @@ A method you can use to document these connections and the patch from patch pane
     light: useBaseUrl('/assets/images/wall-jacks/wall-jack-01-light.png'),
     dark: useBaseUrl('/assets/images/wall-jacks/wall-jack-01-dark.png'),
   }}
+  style={{ width: '80%' }} 
 />
 
 Once the model is created you can then create specific assets for the wall jacks via Resources > All Assets > Create. When creating the asset select type Patch Panel then select the wall jack model for the Patch Panel Model. Also, select the Back Connection Type, this can either be Patch Panel or Switch and can go to the Patch Panel or the unmanaged switch you are documenting.

docs/infrastructure-management/connectivity/patch-panels/creating-patch-panels-from-scratch-in-device42-an-example.mdx

@@ -111,6 +111,7 @@ Now Panel A and Panel B are terminated to each other.
     light: useBaseUrl('/assets/images/patch-from-scratch/WEB-599_patch-panel-ports-import-file-download-menu-light.png'),
     dark: useBaseUrl('/assets/images/patch-from-scratch/WEB-599_patch-panel-ports-import-file-download-menu-dark.png'),
   }}
+  style={{ width: '80%' }} 
 />
 
 - Scroll down to _Patch Panel Ports_.

docs/infrastructure-management/connectivity/patch-panels/patch-panel-cable-management-definitions-and-legends-2.mdx

@@ -28,6 +28,7 @@ The system defined type "Patch Panel" for asset gives you the option to assign a
     light: useBaseUrl('/assets/images/patch-panels/2016-04-07-Patch-Panel-Model-01-light.png'),
     dark: useBaseUrl('/assets/images/patch-panels/2016-04-07-Patch-Panel-Model-01-dark.png'),
   }}
+  style={{ width: '70%' }} 
 />
 
 When creating a new patch panel model you can enter the number of ports in the patch panel, where to start numbering and in which direction to number. You can also enter the port type. The first time a patch panel model is assigned to a patch panel, it takes the "Number of ports" entry shown above and creates and associates that number of ports with the patch panel. The image and vendor info from the model are also passed along to the patch panel if it's not already there.
@@ -84,6 +85,7 @@ If patch panel is racked, by default only the devices in that rack are shown. Yo
     light: useBaseUrl('/assets/images/patch-panels/wpid5718-media_1362572445983-light.png'),
     dark: useBaseUrl('/assets/images/patch-panels/wpid5718-media_1362572445983-dark.png'),
   }}
+  style={{ width: '70%' }} 
 />
 
 You can choose the individual back connectivity option per port and add a cable type for back connectivity with this option. You can add cable speed and other attributes for back connectivity for each port. In addition to the edit screens above, there are RESTful APIs and spreadsheet imports available to do this more easily and there is a bulk operations option to provision back connectivity as discussed below.
@@ -108,6 +110,7 @@ From Tools > Templates & Bulk Operations > Panel back connectivity, you can choo
     light: useBaseUrl('/assets/images/patch-panels/wpid5713-color_coded_full_path_display_in_hover_over-light.png'),
     dark: useBaseUrl('/assets/images/patch-panels/wpid5713-color_coded_full_path_display_in_hover_over-dark.png'),
   }}
+  style={{ width: '70%' }} 
 />
 
 You can get full path details visualized in this table.
@@ -120,6 +123,7 @@ You can get full path details visualized in this table.
     light: useBaseUrl('/assets/images/patch-panels/wpid5727-Patch_panel_layout-light.png'),
     dark: useBaseUrl('/assets/images/patch-panels/wpid5727-Patch_panel_layout-dark.png'),
   }}
+  style={{ width: '40%' }} 
 />
 
 View or edit page of that asset (patch panel) adds a new button "View Patch Panel Layout".
@@ -130,6 +134,7 @@ View or edit page of that asset (patch panel) adds a new button "View Patch Pane
     light: useBaseUrl('/assets/images/patch-panels/wpid5722-media_1362573692043-light.png'),
     dark: useBaseUrl('/assets/images/patch-panels/wpid5722-media_1362573692043-dark.png'),
   }}
+  style={{ width: '70%' }} 
 />
 
 If the patch panel is connected to another patch panel, both panels are displayed side by side. Hover over any port(or device) highlights the path and displays the text for port and what is connected. Each port is color coded same as in the port display.
@@ -154,6 +159,7 @@ From the patch panel layout page, you can turn on the edit mode and then connect
     light: useBaseUrl('/assets/images/patch-panels/media_1424513259125-light.png'),
     dark: useBaseUrl('/assets/images/patch-panels/media_1424513259125-dark.png'),
   }}
+  style={{ width: '80%' }} 
 />
 
 From the patch panel layout page, you can also drag and drop from switch ports to devices or to patch panel ports. When you do so, a popup will appear giving you the opportunity to enter a port label.