fix(website): improve mobile responsiveness (#554)

2026-05-09 08:43:05 +08:00
parent 9045f2a987
commit 9507cbcc71
8 changed files with 196 additions and 3 deletions
@@ -267,11 +267,24 @@ onMounted(() => {
  border: 1px solid var(--border-color);
  border-radius: $radius-md;
  padding: 12px 20px;
+  max-width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;

  code {
    font-size: 14px;
    background: transparent;
    padding: 0;
+    white-space: nowrap;
+  }
+
+  @media (max-width: $breakpoint-mobile) {
+    padding: 10px 14px;
+    gap: 8px;
+
+    code {
+      font-size: 12px;
+    }
  }
 }