fix: articele update

Author: umesh-khatiwada

assets/css/main.css

@@ -2363,4 +2363,11 @@ section,
   .navmenu {
     margin-bottom: 24px;
   }
+}
+
+/* Hide pipeline-visualization on mobile */
+@media (max-width: 767.98px) {
+  .pipeline-visualization {
+    display: none !important;
+  }
 }

css/style.css

@@ -65,4 +65,57 @@
 
 .cli-maximized .maximize-btn i {
     transform: rotate(180deg);
+}
+
+/* Responsive styles for CLI */
+@media (max-width: 768px) {
+  .advanced-cli,
+  .cli-maximized {
+    padding: 8px !important;
+    font-size: 14px;
+    border-radius: 0 !important;
+    min-width: 0;
+    width: 100vw !important;
+    left: 0 !important;
+  }
+  .cli-maximized {
+    height: 100vh !important;
+    min-height: 100vh !important;
+    max-height: 100vh !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    border-radius: 0 !important;
+    padding: 8px !important;
+  }
+  .cli-maximized .cli-container {
+    height: calc(100vh - 80px);
+    padding: 8px;
+  }
+  .cli-maximized .cli-output {
+    height: calc(100vh - 140px);
+    font-size: 13px;
+  }
+  .maximize-btn {
+    margin-left: 4px;
+    padding: 4px;
+    font-size: 14px;
+  }
+}
+
+/* Make CLI input and buttons more touch-friendly */
+@media (max-width: 576px) {
+  .cli-input-line {
+    padding: 6px 6px;
+    font-size: 13px;
+  }
+  .cli-input {
+    font-size: 13px;
+    padding: 4px 2px;
+  }
+  .cli-maximized .cli-output {
+    height: calc(100vh - 150px);
+    font-size: 12px;
+  }
 }