updated docs

srl-labs · Jun 24, 2024 · adc070b · adc070b
1 parent 40ad375
commit adc070b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/docs/clab2drawio.md b/docs/clab2drawio.md
@@ -98,42 +98,41 @@ Using graph-level helps manage the vertical alignment of nodes in the generated
 ## Customization
 The tool allows for customization of node and link styles within the generated diagrams, making it possible to adjust the appearance to fit specific requirements or preferences.
 
-
 Below are some example images of the available custom styles:
 
-<div style="display: flex; flex-wrap: wrap; justify-content: space-around;">
+<div style="display: flex; flex-wrap: wrap; justify-content: center;">
 
-  <div style="text-align: center; margin: 10px;">
+  <div style="text-align: center; margin: 20px; flex: 1 1 calc(50% - 40px); box-sizing: border-box;">
     <a href="img/nokia_bright.png" target="_blank">
-      <img src="img/nokia_bright.png" alt="Nokia Bright Mode" style="width: 200px;">
+      <img src="img/nokia_bright.png" alt="Nokia Bright Mode" style="width: 100%;">
     </a>
     <p>nokia_bright</p>
   </div>
 
-  <div style="text-align: center; margin: 10px;">
+  <div style="text-align: center; margin: 20px; flex: 1 1 calc(50% - 40px); box-sizing: border-box;">
     <a href="img/nokia_dark.png" target="_blank">
-      <img src="img/nokia_dark.png" alt="Nokia Dark Mode" style="width: 200px;">
+      <img src="img/nokia_dark.png" alt="Nokia Dark Mode" style="width: 100%;">
     </a>
     <p>nokia_dark</p>
   </div>
 
-  <div style="text-align: center; margin: 10px;">
+  <div style="text-align: center; margin: 20px; flex: 1 1 calc(50% - 40px); box-sizing: border-box;">
     <a href="img/modern_bright.png" target="_blank">
-      <img src="img/modern_bright.png" alt="Modern Bright Mode" style="width: 200px;">
+      <img src="img/modern_bright.png" alt="Modern Bright Mode" style="width: 100%;">
     </a>
     <p>nokia_modern_bright</p>
   </div>
 
-  <div style="text-align: center; margin: 10px;">
+  <div style="text-align: center; margin: 20px; flex: 1 1 calc(50% - 40px); box-sizing: border-box;">
     <a href="img/modern_dark.png" target="_blank">
-      <img src="img/modern_dark.png" alt="Modern Dark Mode" style="width: 200px;">
+      <img src="img/modern_dark.png" alt="Modern Dark Mode" style="width: 100%;">
     </a>
     <p>nokia_modern_dark</p>
   </div>
 
-  <div style="text-align: center; margin: 10px;">
+  <div style="text-align: center; margin: 20px; flex: 1 1 calc(50% - 40px); box-sizing: border-box;">
     <a href="img/grafana_dark.png" target="_blank">
-      <img src="img/grafana_dark.png" alt="Grafana Dark Mode" style="width: 200px;">
+      <img src="img/grafana_dark.png" alt="Grafana Dark Mode" style="width: 100%;">
     </a>
     <p>grafana_dark</p>
   </div>

diff --git a/docs/drawio2clab.md b/docs/drawio2clab.md
@@ -52,6 +52,6 @@ python drawio2clab.py -i input_file.xml -o output_file.yaml --diagram-name "Diag
 
 - `-i`, `--input`: Input `.drawio` XML file.
 - `-o`, `--output`: Output YAML file.
-- `--style`: YAML style (`block` or `flow`). Default is `block`.
+- `--style`: YAML style (`block` or `flow`). Default is `flow`.
 - `--diagram-name`: Name of the diagram to parse.
 - `--default-kind`: The default kind for nodes. Default is 'nokia_srlinux'