docs: landing page responsive fix

algorandfoundation · Jan 14, 2025 · 4b886f2 · 4b886f2
1 parent 8ae7d35
commit 4b886f2
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/docs/src/pages/index.astro b/docs/src/pages/index.astro
@@ -101,12 +101,25 @@ export const lang = "en";
                 <div class="w-full h-svh mx-4">
                     <div
                         class="w-full h-svh flex gap-4 flex-col items-center justify-center px-6"
-                    >
-                        <Code
-                            lang="shell"
-                            code={`curl -fsSL https://nodekit.run/install.sh | bash`}
-                            class="max-w-full z-10"
-                        />
+                        >
+                        <div class="mb-4">
+                            <Tabs syncKey="os">
+                                <TabItem label="Linux" icon="linux" style={{margin: 0}}>
+                                <Code
+                                    lang="shell"
+                                    code={`wget -qO- https://nodekit.run/install.sh | bash`}
+                                    class="max-w-[95vw] z-10"
+                                    />
+                                </TabItem>
+                                <TabItem label="macOS" icon="apple">
+                                <Code
+                                    lang="shell"
+                                    code={`curl -fsSL https://nodekit.run/install.sh | bash`}
+                                    class="max-w-[95vw] z-10"
+                                    />
+                                </TabItem>
+                            </Tabs>
+                        </div>
                         <a
                             class="text-white/80 hover:text-[#BFBFF9]"
                             href="/guides/getting-started/"