Fix some style issue on the desktop design.

HaudinFlorence · Jul 4, 2024 · 1a0861f · 1a0861f
1 parent 4c24534
commit 1a0861f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/src/components/blog/BlogpostCard.tsx b/src/components/blog/BlogpostCard.tsx
@@ -11,7 +11,7 @@ export default function BlogpostCard({ blogpost, timeIndex }) {
       className={"card " + styles.blogpost_card}
       style={{ marginBottom: "var(--ifm-spacing-lg)" }}
     >
-      <div className={styles.blog_time_index}>{timeIndex}</div>
+
       <Link href={blogpost.url}>
         <div className="container">
           <div

diff --git a/src/components/blog/styles.module.css b/src/components/blog/styles.module.css
@@ -15,10 +15,6 @@
   border: 1px solid #cbc7b1;
 }
 
-.blog_time_index {
-  font-size: 10px;
-  font-family: var(--ifm-font-family-roboto);
-}
 
 .blogpost_summary {
   color: var(---ifm-text-color);

diff --git a/src/components/careers/Interviews.tsx b/src/components/careers/Interviews.tsx
@@ -6,7 +6,7 @@ export default function Interviews({ details, description }) {
     <div className={styles.subteam_component}>
       <h2 className={styles.h2_custom}>{description}</h2>
       <div className="container">
-        <ul className="row">
+        <ul className={"row" + " "+ "flex-full-centered"}>
           {details.map((person, index) => (
             <li className="cards-list" key={index}>
               <div className="col col--2">

diff --git a/src/components/careers/styles.module.css b/src/components/careers/styles.module.css
@@ -104,8 +104,8 @@ div .learn_more_WTJ {
   }
 
   .interview_card {
-    width: 300px;
-    height: 340px;
+    width: 280px;
+    height: 300px;
     background-color: var(--ifm-background-color);
     border-radius: 10px;
     box-shadow: 0px 0px 8px 1px #c8c8c7;

diff --git a/src/components/projects/styles.module.css b/src/components/projects/styles.module.css
@@ -56,7 +56,7 @@ div .schedule_container {
 
   .schedule_text {
     font-family: var(--ifm-font-family-roboto);
-    color: var(--ifm-color-secondary-s3);
+    color: var(--ifm-text-color-blue-banner);
     font-size: 14px;
     font-family: Roboto;
     font-size: 14px;
@@ -85,6 +85,10 @@ div .schedule_container {
     letter-spacing: 1.056px;
     height: 52px;
   }
+
+  .project_description_container {
+    padding: var(--ifm-spacing-xl) var(--ifm-spacing-3xl);
+  }
 }
 
 @media only screen and (min-width: 996px) {
@@ -178,12 +182,13 @@ div .schedule_container {
   div .schedule_text {
     color: var(--ifm-text-color-blue-banner);
   }
-  
+
   .link_to_button_custom {
     margin: var(--ifm-spacing-lg) 0;
   }
 
   .schedule_a_meeting_container {
     margin-top: var(--ifm-spacing-7xl);
   }
+
 }