Merge pull request #1313 from nishant0708/Student_card

Gap between student card and footer + Fixed Some darkmode Bugs #1311
Counselllor · Jul 30, 2024 · 6e8997c · 6e8997c
2 parents 4a9be97 + 348cbfb
commit 6e8997c
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 3 deletions.
diff --git a/src/components/Student/Slots.css b/src/components/Student/Slots.css
@@ -4,12 +4,17 @@
   text-align: center;
   min-height: 300px;
 }
-
+#dark .slots-container{
+  background-color: transparent;
+}
 .slots-title {
   font-size: 2.5rem;
   margin-bottom: 1.5rem;
   color: #333;
 }
+#dark .slots-title {
+  color: white;
+}
 
 .slots-grid {
   display: grid;

diff --git a/src/components/Student/SocialLinks.css b/src/components/Student/SocialLinks.css
@@ -5,12 +5,17 @@
   min-height: 300px;
   border-radius: 10px;
 }
-
+#dark .social-links-container{
+  background-color:  transparent;
+}
 .social-title {
   font-size: 2.5rem;
   margin-bottom: 1.5rem;
   color: #333;
 }
+#dark .social-title {
+  color: white;
+}
 
 .social-links-container h2 {
   font-size: 24px;

diff --git a/src/components/Student/Student.css b/src/components/Student/Student.css
@@ -45,6 +45,9 @@ color: white !important;
   min-height: 100%;
   background: #cecece;
 }
+#dark .single-student-info-header{
+  color: white;
+}
 
 .single-student-info-header {
   text-align: center;
@@ -215,4 +218,4 @@ color: white !important;
   .student-details-content .nav{
     flex-wrap: wrap;
   }
-}
+}
diff --git a/src/components/Student/TechStack.css b/src/components/Student/TechStack.css
@@ -4,12 +4,19 @@
     text-align: center;
     min-height: 300px;
   }
+  #dark .tech-stack-container{
+    background-color: transparent;
+    color: white;
+  }
 
   .tech-stack-title {
     font-size: 2.5rem;
     margin-bottom: 1.5rem;
     color: #333;
   }
+  #dark .tech-stack-title{
+    color: white;
+  }
 
   .tech-stack-grid {
     display: grid;
@@ -25,6 +32,10 @@
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease;
   }
+  #dark  .tech-stack-item{
+   background-color: #000000;
+   color: white;
+  }
 
   .tech-stack-item:hover {
     transform: translateY(-5px);
@@ -39,6 +50,9 @@
     font-size: 1.2rem;
     color: #555;
   }
+  #dark .tech-stack-name{
+    color: white;
+  }
 
   @media (max-width: 768px) {
     .tech-stack-title {