Migration complete

resources/css/components/cards.css

@@ -29,6 +29,7 @@
     background-color: var(--bg2);
     border: 1px solid var(--border);
     display: flex;
+    min-width: 0;
     flex-direction: column;
     transition: transform 0.2s, border-color 0.2s;
     cursor: pointer;
@@ -41,6 +42,7 @@
     .entry-cover-wrapper {
         position: relative;
         aspect-ratio: 4/3;
+        min-width: 0;
         background-color: var(--bg);
         border-bottom: 1px solid var(--border);
         display: flex;
@@ -80,6 +82,7 @@
         font-size: 1.1rem;
         margin-bottom: 5px;
         line-height: 1.3;
+        word-wrap: break-word;
     }
 
     .entry-card-author {
@@ -97,3 +100,83 @@
         align-items: center;
     }
 }
+
+@media (max-width: 1024px) {
+    .stats-grid {
+        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+        gap: 15px;
+        margin-bottom: 25px;
+    }
+
+    .stat-card {
+        padding: 15px;
+        gap: 12px;
+    }
+}
+
+@media (max-width: 768px) {
+    .stats-grid {
+        grid-template-columns: repeat(2, 1fr);
+        gap: 12px;
+        margin-bottom: 20px;
+    }
+
+    .stat-card {
+        padding: 12px;
+        gap: 10px;
+        font-size: 0.9rem;
+    }
+
+    .stat-card i {
+        width: 28px;
+        height: 28px;
+    }
+
+    .entry-card-info {
+        padding: 12px;
+    }
+
+    .entry-card-title {
+        font-size: 0.95rem;
+        margin-bottom: 4px;
+    }
+
+    .entry-card-author {
+        font-size: 0.8rem;
+        margin-bottom: 8px;
+    }
+
+    .entry-card-meta {
+        font-size: 0.75rem;
+    }
+}
+
+@media (max-width: 600px) {
+    .stats-grid {
+        grid-template-columns: 1fr;
+        gap: 10px;
+        margin-bottom: 15px;
+    }
+
+    .stat-card {
+        padding: 10px;
+        flex-direction: row;
+    }
+
+    .entry-card {
+        &:hover {
+            transform: none;
+        }
+    }
+
+    .entry-card-title {
+        font-size: 0.9rem;
+    }
+
+    .entry-badge {
+        top: 5px;
+        right: 5px;
+        padding: 3px 6px;
+        font-size: 0.65rem;
+    }
+}