responsive tables and post page redesign for narrow viewport

2025-09-20 17:39:25 +02:00
parent 9922a62691
commit 53af71a9a1
3 changed files with 33 additions and 4 deletions
--- a/templates/input.css
+++ b/templates/input.css
@@ -88,4 +88,33 @@
  .prose-compact pre code::after {
    content: none !important;
  }
+
+  .prose-compact table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+    @apply my-6;
+    font-size: 14px;
+    line-height: 1.45;
+  }
+
+  .prose-compact table tr {
+    background-color: #fff;
+    border-top: 1px solid #c6cbd1;
+  }
+
+  .prose-compact table tr:nth-child(2n) {
+    background-color: #f6f8fa;
+  }
+
+  .prose-compact table th,
+  .prose-compact table td {
+    padding: 6px 13px;
+    border: 1px solid #dfe2e5;
+  }
+
+  .prose-compact table th {
+    font-weight: 600;
+    background-color: #f6f8fa;
+  }
 }