Migration complete

2026-06-23 19:24:38 +02:00
parent 279160c1cb
commit 64b26ef059
126 changed files with 8121 additions and 221 deletions
--- a/resources/css/components/modcp.css
+++ b/resources/css/components/modcp.css
@@ -547,3 +547,128 @@
    padding: 14px 0 4px;
    border-top: 1px solid var(--border);
 }
+
+@media (max-width: 1024px) {
+    .modcp-wrapper {
+        min-height: auto;
+    }
+
+    .modcp-sidebar {
+        width: 200px;
+        margin-right: 10px;
+    }
+
+    .modcp-content {
+        padding: 20px;
+    }
+
+    .modcp-page-title {
+        font-size: 1.15rem;
+    }
+}
+
+@media (max-width: 768px) {
+    .modcp-wrapper {
+        flex-direction: column;
+        gap: 0;
+    }
+
+    .modcp-sidebar {
+        width: 100%;
+        flex-shrink: 1;
+        position: relative;
+        top: auto;
+        align-self: auto;
+        margin-right: 0;
+        margin-bottom: 15px;
+        border: 1px solid var(--border);
+        max-height: 300px;
+        overflow-y: auto;
+    }
+
+    .modcp-sidebar-header {
+        padding: 12px 14px;
+        font-size: 0.8rem;
+    }
+
+    .modcp-nav-label {
+        padding: 6px 14px 3px;
+        font-size: 0.65rem;
+    }
+
+    .modcp-nav-item {
+        padding: 6px 14px;
+        font-size: 0.8rem;
+        gap: 8px;
+    }
+
+    .modcp-content {
+        padding: 15px;
+    }
+
+    .modcp-page-title {
+        font-size: 1rem;
+        margin-bottom: 12px;
+    }
+
+    .modcp-page-actions {
+        flex-direction: row;
+        gap: 8px;
+    }
+
+    .modcp-table {
+        font-size: 0.85rem;
+    }
+
+    .modcp-table th, .modcp-table td {
+        padding: 8px;
+    }
+
+    .modcp-table tbody tr {
+        height: auto;
+    }
+}
+
+@media (max-width: 600px) {
+    .modcp-sidebar {
+        max-height: 200px;
+    }
+
+    .modcp-sidebar-header {
+        padding: 10px 12px;
+        font-size: 0.75rem;
+    }
+
+    .modcp-nav-item {
+        padding: 5px 12px;
+        font-size: 0.75rem;
+    }
+
+    .modcp-content {
+        padding: 12px;
+    }
+
+    .modcp-page-title {
+        font-size: 0.95rem;
+    }
+
+    .modcp-table {
+        font-size: 0.8rem;
+        overflow-x: auto;
+        display: block;
+    }
+
+    .modcp-table th, .modcp-table td {
+        padding: 6px;
+    }
+
+    .log-diff-key {
+        width: auto;
+        white-space: normal;
+    }
+
+    .log-raw {
+        font-size: 0.7rem;
+        padding: 8px 10px;
+    }
+}