From 1382d2adcc960a2de4283dbbde693e3e121d8608 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabrice=20Flore-Th=C3=A9bault?= <ffloreth@redhat.com>
Date: Mon, 11 Dec 2023 14:48:21 +0100
Subject: [PATCH] docs: operating system variants in tabs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Fabrice Flore-Thébault <ffloreth@redhat.com>
---
 website/docs/containers/registries/index.md | 65 +++++++++++++++------
 1 file changed, 47 insertions(+), 18 deletions(-)

diff --git a/website/docs/containers/registries/index.md b/website/docs/containers/registries/index.md
index 38bd1069755c6..60dd7de0aea57 100644
--- a/website/docs/containers/registries/index.md
+++ b/website/docs/containers/registries/index.md
@@ -7,6 +7,9 @@ keywords: [podman desktop, podman, containers, registries]
 hide_table_of_contents: false
 ---
 
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
 # Setting up container registries
 
 ## Overview
@@ -115,23 +118,37 @@ If your registry has an insecure certificate, such as a self-signed certificate,
 
    1. Go to a location where you can edit the `registries.conf` file:
 
-      - Windows and macOS
+      <Tabs groupId="operating-systems">
+      <TabItem value="win" label="Windows">
 
-        The configuration file is in the Podman machine: open a terminal in the Podman Machine.
+      - The configuration file is in the Podman machine: open a terminal in the Podman Machine.
 
         ```shell-session
         $ podman machine ssh [optional-machine-name]
         ```
 
-      - Linux
+      </TabItem>
+      <TabItem value="mac" label="macOS">
 
-        The configuration file is in your host: open a terminal with superuser privileges.
+      - The configuration file is in the Podman machine: open a terminal in the Podman Machine.
+
+        ```shell-session
+        $ podman machine ssh [optional-machine-name]
+        ```
+
+      </TabItem>
+      <TabItem value="linux" label="Linux">
+
+      - The configuration file is in your host: open a terminal with superuser privileges.
 
         ```shell-session
         $ sudo su -
         ```
 
-   2. Edit the registry optional configuration file.
+      </TabItem>
+      </Tabs>
+
+   1. Edit the registry optional configuration file.
 
       ```shell-session
       # vim /etc/containers/registries.conf`
@@ -156,26 +173,38 @@ If your registry has an insecure certificate, such as a self-signed certificate,
 
 1. Restart Podman to apply the changes.
 
-   - Windows and macOS
+   <Tabs groupId="operating-systems">
+   <TabItem value="win" label="Windows">
+
+   1. Go to **<Icon icon="fa-solid fa-cog" size="lg" /> Settings > Resources**.
+   1. Restart the Podman machine.
+
+   </TabItem>
+   <TabItem value="mac" label="macOS">
+
+   1. Go to **<Icon icon="fa-solid fa-cog" size="lg" /> Settings > Resources**.
+   1. Restart the Podman machine.
 
-     1. Go to **<Icon icon="fa-solid fa-cog" size="lg" /> Settings > Resources**.
-     2. Restart the Podman machine.
+   </TabItem>
+   <TabItem value="linux" label="Linux (rootless)">
 
-   - Linux (rootful)
+   - Stop all Podman processes.
 
-     - Restart Podman.
+     ```shell-session
+     $ pkill podman
+     ```
 
-       ```shell-session
-       $ sudo systemctl restart podman
-       ```
+   </TabItem>
+   <TabItem value="linux-rootful" label="Linux (rootful)">
 
-   - Linux (rootless)
+   - Restart Podman.
 
-     - Stop all Podman processes.
+     ```shell-session
+     $ sudo systemctl restart podman
+     ```
 
-       ```shell-session
-       $ pkill podman
-       ```
+   </TabItem>
+   </Tabs>
 
 ## Verifying your registry is properly configured