refactor(tapops): modularize page code

2026-06-04 18:13:23 +07:00
parent 529693cd5f
commit 1270ce60fd
41 changed files with 4678 additions and 4476 deletions
@@ -0,0 +1,81 @@
+/* ===========================================
+   Document Hub & Dashboard Layout
+   =========================================== */
+
+.documents-section {
+    padding: 120px 5%;
+    background: hsl(0, 0%, 100%);
+}
+
+.repo-dashboard-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: 280px 1fr;
+    gap: 40px;
+    align-items: start;
+}
+
+/* --- Sidebar Styling --- */
+
+.repo-sidebar {
+    position: sticky;
+    top: 150px;
+}
+
+/* Mobile category dropdown wrapper (hidden on desktop) */
+.mobile-category-control-group {
+    display: none !important;
+}
+
+.sidebar-title {
+    font-size: 0.75rem;
+    letter-spacing: 2px;
+    font-weight: 800;
+    color: #94a3b8;
+    margin-bottom: 20px;
+    text-transform: uppercase;
+}
+
+.document-filter-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-bottom: 30px;
+}
+
+/* Desktop: show buttons, hide dropdown */
+.filter-btn-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.filter-select-group {
+    display: none;
+}
+
+.doc-filter-btn {
+    text-align: left;
+    padding: 14px 18px;
+    background: white;
+    border: 1px solid #e2e8f0;
+    font-size: 0.85rem;
+    font-weight: 700;
+    color: var(--primary-blue);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    border-radius: 4px;
+}
+
+.doc-filter-btn.active {
+    background: var(--primary-blue);
+    color: white;
+    border-color: var(--primary-blue);
+    box-shadow: 0 4px 12px rgba(0, 49, 80, 0.15);
+}
+
+.doc-filter-btn:hover:not(.active) {
+    border-color: var(--secondary-gold);
+    background: #fffdf5;
+}