feat(tapops): add css modules, js scripts, and viewer page

2026-06-04 14:40:40 +07:00
parent 0ebc25809b
commit c9d96eabe4
16 changed files with 4379 additions and 302 deletions
@@ -0,0 +1,45 @@
+/* ===========================================
+   Responsive Breakpoints — Document Sections
+   =========================================== */
+
+/* --- Tablet (≤768px) --- */
+
+@media (max-width: 768px) {
+    .tapops-doc-root .section-title {
+        font-size: 1.8rem;
+        letter-spacing: -0.5px;
+    }
+
+    .tapops-doc-root .section-tag {
+        font-size: 0.68rem;
+        letter-spacing: 2px;
+        padding: 5px 12px;
+    }
+
+    .tapops-doc-root .section-header {
+        margin-bottom: 35px;
+    }
+}
+
+/* --- Phone (≤480px) --- */
+
+@media (max-width: 480px) {
+    .tapops-doc-root .section-title {
+        font-size: 1.5rem;
+        letter-spacing: -0.5px;
+    }
+
+    .tapops-doc-root .section-tag {
+        font-size: 0.6rem;
+        letter-spacing: 1.5px;
+        padding: 4px 10px;
+    }
+
+    .tapops-doc-root .section-subtitle {
+        font-size: 0.82rem;
+    }
+
+    .tapops-doc-root .section-header {
+        margin-bottom: 28px;
+    }
+}