Merge branch 'recodehive:main' into dahsboard-leaderboard

Author: Adez017

src/components/FloatingContributors/FloatingContributors.css

@@ -83,6 +83,22 @@
   cursor: pointer; /* Add pointer cursor to indicate clickable */
 }
 
+[data-theme='dark'] .contributor-activity-item {
+  background-color: rgba(71, 85, 105, 0.3);
+}
+
+[data-theme='dark'] .contributor-activity-item:hover {
+  background-color: rgba(71, 85, 105, 0.5);
+}
+
+[data-theme='light'] .contributor-activity-item {
+  background-color: rgba(241, 245, 249, 0.6);
+}
+
+[data-theme='light'] .contributor-activity-item:hover {
+  background-color: rgba(226, 232, 240, 0.8);
+}
+
 .contributor-activity-item:hover {
   background-color: rgba(255, 255, 255, 0.15);
   transform: translateY(-2px); /* Slight lift effect on hover */
@@ -131,6 +147,14 @@
   color: rgba(255, 255, 255, 0.95);
 }
 
+[data-theme='dark'] .activity-item-username {
+  color: #f1f5f9;
+}
+
+[data-theme='light'] .activity-item-username {
+  color: #1e293b;
+}
+
 .activity-item-badge {
   background-color: rgba(59, 130, 246, 0.2);
   padding: 2px 6px;
@@ -139,12 +163,30 @@
   color: rgba(255, 255, 255, 0.9);
 }
 
+[data-theme='dark'] .activity-item-badge {
+  background-color: rgba(139, 92, 246, 0.2);
+  color: #c084fc;
+}
+
+[data-theme='light'] .activity-item-badge {
+  background-color: rgba(59, 130, 246, 0.15);
+  color: #3b82f6;
+}
+
 .activity-item-action {
   font-size: 0.8rem;
   color: rgba(255, 255, 255, 0.7);
   margin-top: 2px;
 }
 
+[data-theme='dark'] .activity-item-action {
+  color: rgba(203, 213, 225, 0.8);
+}
+
+[data-theme='light'] .activity-item-action {
+  color: rgba(71, 85, 105, 0.8);
+}
+
 .activities-more {
   text-align: center;
   padding: 8px;
@@ -155,6 +197,16 @@
   margin-top: 4px;
 }
 
+[data-theme='dark'] .activities-more {
+  color: rgba(203, 213, 225, 0.8);
+  background-color: rgba(71, 85, 105, 0.2);
+}
+
+[data-theme='light'] .activities-more {
+  color: rgba(71, 85, 105, 0.8);
+  background-color: rgba(241, 245, 249, 0.5);
+}
+
 /* Header embedded version - larger size */
 .floating-contributors-container.header-embedded .floating-contributors-card {
   min-width: 450px;
@@ -199,6 +251,71 @@
   transition: background 0.3s ease, box-shadow 0.3s ease;
 }
 
+/* Dark mode text color overrides */
+[data-theme='dark'] .floating-contributors-title {
+  color: #f1f5f9;
+}
+
+[data-theme='dark'] .floating-contributors-subtitle {
+  color: rgba(203, 213, 225, 0.8);
+}
+
+[data-theme='dark'] .floating-contributors-close {
+  color: rgba(203, 213, 225, 0.7);
+  background: rgba(71, 85, 105, 0.3);
+}
+
+[data-theme='dark'] .activity-username {
+  color: #f1f5f9;
+}
+
+[data-theme='dark'] .activity-message {
+  color: rgba(203, 213, 225, 0.8);
+}
+
+[data-theme='dark'] .activity-time {
+  color: rgba(148, 163, 184, 0.7);
+}
+
+[data-theme='dark'] .contributors-grid-header {
+  color: #f1f5f9;
+  background: rgba(71, 85, 105, 0.4);
+}
+
+[data-theme='dark'] .floating-contributors-activity {
+  background: rgba(71, 85, 105, 0.3);
+}
+
+[data-theme='dark'] .floating-contributors-activity:hover {
+  background: rgba(71, 85, 105, 0.5);
+}
+
+[data-theme='dark'] .contributors-avatars {
+  background: rgba(71, 85, 105, 0.2);
+}
+
+[data-theme='dark'] .activity-action-badge {
+  background: rgba(139, 92, 246, 0.2);
+  color: #c084fc;
+}
+
+[data-theme='dark'] .contributors-count {
+  background: rgba(139, 92, 246, 0.2);
+  color: #c084fc;
+}
+
+[data-theme='dark'] .contributors-more {
+  background: rgba(71, 85, 105, 0.3);
+  border-color: rgba(148, 163, 184, 0.3);
+  color: rgba(203, 213, 225, 0.8);
+}
+
+[data-theme='dark'] .contributors-more:hover {
+  background: rgba(139, 92, 246, 0.3);
+  border-color: rgba(139, 92, 246, 0.5);
+  color: #f1f5f9;
+}
+
 .floating-contributors-card::before {
   content: '';
   position: absolute;

src/pages/courses/courses.css

@@ -69,6 +69,8 @@
   transition: var(--courses-transition-slow);
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   line-height: 1.6;
+  min-height: 100vh;
+  position: relative;
 }
 
 /* Section Layouts */
@@ -924,13 +926,41 @@
   }
 }
 
-/* Mobile Large (576px - 767px) */
-@media (max-width: 767px) and (min-width: 576px) {
+/* Mobile and Small Tablet (320px - 768px) - RESPONSIVE FIX */
+@media (max-width: 768px) and (min-width: 320px) {
+  /* Main page layout fixes */
+  .courses-page {
+    min-height: 100vh;
+    position: relative;
+    padding-bottom: var(--courses-spacing-xl);
+  }
+
   .courses-container {
-    max-width: 540px;
+    max-width: 100%;
+    padding: 0 var(--courses-spacing-md);
+  }
+
+  .courses-container-wide {
+    max-width: 100%;
     padding: 0 var(--courses-spacing-md);
   }
 
+  /* Ensure proper section spacing */
+  .courses-section {
+    margin-bottom: var(--courses-spacing-lg);
+    padding: var(--courses-spacing-lg) 0;
+  }
+
+  .courses-stats-section {
+    margin-bottom: var(--courses-spacing-lg);
+    padding: var(--courses-spacing-lg) 0;
+  }
+
+  .courses-faq-section {
+    margin-bottom: var(--courses-spacing-xl);
+    padding: var(--courses-spacing-lg) 0;
+  }
+
   .courses-heading-1 {
     font-size: 2.5rem;
     line-height: 1.2;
@@ -947,13 +977,62 @@
     text-align: center;
   }
 
+  /* Force all grids to single column for better mobile experience */
   .courses-grid-4,
   .courses-grid-3,
   .courses-grid-2 {
     grid-template-columns: 1fr;
     gap: var(--courses-spacing-md);
   }
 
+  /* Enhanced card styling for mobile */
+  .courses-card {
+    padding: var(--courses-spacing-md);
+    margin-bottom: var(--courses-spacing-sm);
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  /* Testimonial cards specific improvements */
+  .courses-card img {
+    width: 60px !important;
+    height: 60px !important;
+    margin-bottom: var(--courses-spacing-sm);
+  }
+
+  .courses-card h4 {
+    margin-bottom: var(--courses-spacing-xs);
+    font-size: var(--courses-text-lg);
+  }
+
+  .courses-card p {
+    line-height: 1.5;
+    font-size: var(--courses-text-sm);
+    text-align: center;
+  }
+
+  /* Stat cards improvements */
+  .courses-stat-card {
+    padding: var(--courses-spacing-md);
+    text-align: center;
+  }
+
+  /* Timeline cards improvements */
+  .courses-timeline-card {
+    padding: var(--courses-spacing-md);
+    flex-direction: column;
+    text-align: center;
+    align-items: center;
+  }
+
+  .courses-flex {
+    flex-direction: column;
+    gap: var(--courses-spacing-md);
+  }
+
   .courses-spacing-3xl {
     --courses-spacing-3xl: 2.5rem;
   }
@@ -972,18 +1051,12 @@
     text-align: center;
   }
 
-  /* Cards */
-  .courses-card,
-  .courses-stat-card,
-  .courses-timeline-card {
-    padding: var(--courses-spacing-md);
-  }
-
   /* Buttons */
   .courses-button {
     width: 100%;
     padding: var(--courses-spacing-md) var(--courses-spacing-lg);
     font-size: var(--courses-text-base);
+    justify-content: center;
   }
 
   .courses-button-primary,