Skip to content

Commit 8325df8

Browse files
HaudinFlorenceSylvainCorlay
HaudinFlorence
authored and
SylvainCorlay
committed
Fix some style issues.
1 parent 52b2661 commit 8325df8

24 files changed

+158
-85
lines changed

‎docusaurus.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ const config: Config = {
202202
{
203203
html: `
204204
205-
<div class="quantstack-address">
205+
<div class="div .quantstack-address">
206206
16, avenue Curti <br/>
207207
94100 Saint-Maur-des-Fossés <br/>
208208
France

‎src/components/about/styles.module.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -240,7 +240,7 @@
240240
}
241241

242242
.four_values_container {
243-
margin: var(--ifm-spacing-5xl) 0;
243+
margin-bottom: var(--ifm-spacing-5xl);
244244
}
245245

246246
.join_the_team_container {

‎src/components/blog/BlogpostCard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export default function BlogpostCard({ blogpost, timeIndex }) {
1111
className={"card " + styles.blogpost_card}
1212
style={{ marginBottom: "var(--ifm-spacing-lg)" }}
1313
>
14-
<div className={styles.blog_time_index}>{timeIndex}</div>
14+
1515
<Link href={blogpost.url}>
1616
<div className="container">
1717
<div

‎src/components/blog/styles.module.css

Lines changed: 19 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,29 @@
88
border-radius: 8px;
99
box-shadow: 4px 4px 18px -1px #dee0fc;
1010
padding: var(--ifm-spacing-xl);
11-
background:var(--ifm-background-color-card);
11+
background: var(--ifm-background-color-card);
1212
}
1313

1414
.blogpost_card:hover {
1515
border: 1px solid #cbc7b1;
1616
}
1717

18-
.blog_time_index {
19-
font-size: 10px;
20-
font-family: var(--ifm-font-family-roboto);
18+
div .blogpost_header {
19+
color: var(--ifm-text-color);
20+
}
21+
div .blogpost_summary {
22+
color: var(--ifm-text-color);
23+
}
24+
25+
div .blogpost_authors {
26+
color: var(--ifm-text-color);
27+
}
28+
29+
div .blogpost_date {
30+
color: var(--ifm-text-color);
2131
}
2232

2333
.blogpost_summary {
24-
color: var(---ifm-text-color);
2534
font-family: var(--ifm-font-family-roboto);
2635
font-size: 14px;
2736
font-style: normal;
@@ -31,6 +40,7 @@
3140
text-align: justify;
3241
margin-bottom: var(--ifm-spacing-sm);
3342
height: 140px;
43+
color: var(--ifm-text-color-card);
3444
}
3545

3646
.blogpost_header {
@@ -43,6 +53,7 @@
4353
letter-spacing: -0.198px;
4454
height: 48px;
4555
margin: var(--ifm-spacing-xl) 0;
56+
color: var(--ifm-text-color-card);
4657
}
4758

4859
.blogpost_date {
@@ -54,6 +65,7 @@
5465
line-height: 16px;
5566
letter-spacing: -0.132px;
5667
text-align: left;
68+
color: var(--ifm-text-color-card);
5769
}
5870

5971
.blogpost_authors {
@@ -63,6 +75,7 @@
6375
font-weight: 400;
6476
line-height: 16px;
6577
text-align: left;
78+
color: var(--ifm-text-color-card);
6679
}
6780

6881
.search_input {
@@ -84,6 +97,6 @@
8497
@media only screen and (min-width: 996px) {
8598
/*Desktop */
8699
.blogposts_container {
87-
margin: var(--ifm-spacing-6xl) 0;
100+
margin: var(--ifm-spacing-6xl) 0;
88101
}
89102
}

‎src/components/careers/Header.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export default function Header() {
55
return (
66
<div className={styles.careers_header}>
77
<h1 className="text-centered">Join the QuantStack team!</h1>
8-
<div className={styles.group_photo_container}>
8+
<div className={styles.group_photo_container + " " + "flex-full-centered"}>
99
<img src={GroupPhotoJupyterConUrl} />
1010
</div>
1111
</div>

‎src/components/careers/Interviews.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default function Interviews({ details, description }) {
66
<div className={styles.subteam_component}>
77
<h2 className={styles.h2_custom}>{description}</h2>
88
<div className="container">
9-
<ul className="row">
9+
<ul className={"row" + " "+ "flex-full-centered"}>
1010
{details.map((person, index) => (
1111
<li className="cards-list" key={index}>
1212
<div className="col col--2">

‎src/components/careers/index.tsx

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,25 @@ export default function Careers() {
1010
<div>
1111
<div className="main-container-with-margins">
1212
<div className={"container" + " " + styles.careers_container}>
13-
<div className={"row" + " " + "padding-none"}>
14-
<div className="col col--10 col--offset-1">
13+
<div className={"row" + " " + "padding-none" + " "+ "flex-full-centered"}>
14+
<div className="col">
1515
<Header />
1616
</div>
1717
</div>
18-
<div className={"row" + " " + styles.join_the_team_container}>
18+
<div
19+
className={
20+
"row" +
21+
" " +
22+
styles.join_the_team_container +
23+
" " +
24+
"flex-full-centered"
25+
}
26+
>
1927
<div className="col col--10 col--offset-1">
2028
<JoinTheTeam />
2129
</div>
22-
<div className="row">
23-
<div className="col col--10 col--offset-1">
30+
<div className={"row" + " " + "flex-full-container"}>
31+
<div className="col col--8 col--offset-2">
2432
<div className={styles.interviews_container}>
2533
<Interviews
2634
details={interviewDetails}

‎src/components/careers/styles.module.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -104,8 +104,8 @@ div .learn_more_WTJ {
104104
}
105105

106106
.interview_card {
107-
width: 300px;
108-
height: 340px;
107+
width: 280px;
108+
height: 300px;
109109
background-color: var(--ifm-background-color);
110110
border-radius: 10px;
111111
box-shadow: 0px 0px 8px 1px #c8c8c7;

‎src/components/home/ProjectsOverview/Jupyter.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ export default function JupyterProject() {
2020
<div
2121
className={"col col--5" + " " + "flex-full-centered"+" " +styles.col_project_overview_with_padding}
2222
>
23-
<img src={JupyterPictureUrl} />
23+
<img src={JupyterPictureUrl} width={"540px"} />
2424
</div>
2525
</div>
2626
</div>

‎src/components/home/ProjectsOverview/Robotics.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export default function RoboticsProjects() {
1515
styles.col_project_overview_with_padding
1616
}
1717
>
18-
<img src={RoboticsPictureUrl} />
18+
<img src={RoboticsPictureUrl} width={"640px"}/>
1919
</div>
2020
<div className={"col col--5" + " " + styles.col_project_overview_with_padding}>
2121
<h1 className="padding-none">Robotics </h1>

‎src/components/home/ProjectsOverview/SpecialProjects.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ export default function SpecialProjects() {
1616
<SpecialProjectsMD/>
1717
</div>
1818
<div className={"col col--5" + " " + "flex-full-centered"+ " "+ styles.col_project_overview_with_padding}>
19-
<img src={SpecialProjectsPictureUrl} />
19+
<img src={SpecialProjectsPictureUrl} width={"540px"} />
2020
</div>
2121
</div>
2222
</div>

‎src/components/home/ProjectsOverview/SupplyChain.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ export default function SupplyChainProjects() {
1515
styles.col_project_overview_with_padding
1616
}
1717
>
18-
<img src={MambaPictureUrl} />
18+
<img src={MambaPictureUrl} width={"486px"} />
1919
</div>
2020
<div
2121
className={

‎src/components/home/WhatWeDo/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,12 @@ export function WhatWeDoDesktop() {
99
return (
1010
<div className={"container" + " " + styles.whatwedo_container}>
1111
<div className={"row"}>
12-
<div className={"col" + " " + "flex-full-centered"}>
12+
<div className={"col" + " "+ "flex-full-centered"}>
1313
<h1 className={styles.header}> What we do </h1>
1414
</div>
1515
</div>
1616
<div className={"row"}>
17-
<div className={"col col--12" + " " + "flex-full-centered"}>
17+
<div className={"col" + " " + "flex-full-centered"}>
1818
<Topics />
1919
</div>
2020
</div>

‎src/components/home/WhatWeDo/styles.module.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,10 @@ div .topics_header {
5757

5858
@media only screen and (min-width: 996px) {
5959
/* Desktop */
60+
61+
.header {
62+
color: var(--ifm-text-color-on-primary-p1)
63+
}
6064
.whatwedo_container {
6165
background-color: var(--ifm-color-primary-p1);
6266
padding: var(--ifm-spacing-2xl);

‎src/components/projects/Header.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
import styles from "./styles.module.css";
2-
import Header from "./descriptions/Header.md";
2+
import HeaderMD from "./descriptions/Header.md";
33

4-
export default function HeaderComponent() {
4+
export default function Header() {
55
return (
66
<div className={"container" + " " + styles.header_container}>
77
<div className="row">
8-
<div className={"col col--10 col--offset-1" + " " + "padding-none"}>
8+
<div className={"col" + " " + "padding-none"}>
99
<h1 className={styles.h1_custom}>Working in the open</h1>
1010
<div className={styles.header_text}>
11-
<Header/>
11+
<HeaderMD/>
1212
</div>
1313
</div>
1414
</div>

‎src/components/projects/desktop/AllProjectsDesktop.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const ProjectsDescriptions = [
1515

1616
export function AllProjectsDeskTop() {
1717
return (
18-
<div className="container">
18+
<div className={"container"}>
1919
<ul className={"row"}>
2020
{projectsDetails.map((project, index) => (
2121
<li className="cards-list" key={index}>

‎src/components/projects/desktop/ProjectDesktop.tsx

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ export default function ProjectDesktop({
77
if (project.reverse === "false") {
88
return (
99
<div className={"container" + " " + styles.project_container}>
10-
<div className={"row" + " " + "padding-none" + " " + "margin-none"+" "+ styles.row_project}>
10+
<div className={"row" + " " + "horizontally-centered"}>
1111
<div
1212
className={
1313
"col col--6" + " " + styles.col_project_text
@@ -20,15 +20,15 @@ export default function ProjectDesktop({
2020
</div>
2121
<div
2222
className={
23-
"col col--5" +
23+
"col col--4" +
2424
" " +
2525
"flex-full-centered" +
2626
" " +
2727
"padding-none" +
2828
" " +
2929
styles.col_project_picture_right
3030
}
31-
/*style={{ border: project.pictureBorderDesktop }}*/
31+
style={{ border: project.pictureBorderDesktop }}
3232
>
3333
<div className={styles.project_picture}></div>
3434
<img
@@ -43,17 +43,19 @@ export default function ProjectDesktop({
4343
} else if (project.reverse === "true") {
4444
return (
4545
<div className={"container" + " " + styles.project_container}>
46-
<div className={"row" + " " + "padding-none" + " " + "margin-none" + " "+ styles.row_project}>
46+
<div className={"row" + " " + "horizontally-centered"}>
4747
<div
4848
className={
49-
"col col--5" +
49+
"col col--4" +
5050
" " +
51-
"flex-full-centered" + " "+ "padding-none"+
51+
"flex-full-centered" +
52+
" " +
53+
"padding-none" +
5254
" " +
5355
styles.col_project_picture_left
5456
}
55-
/*style={{ border: project.pictureBorderDesktop }}*/
56-
style={{border: "Opx"}}
57+
style={{ border: project.pictureBorderDesktop }}
58+
5759
>
5860
<div className={styles.project_picture}>
5961
<img

‎src/components/projects/index.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import styles from "./styles.module.css";
2-
import HeaderComponent from "./Header";
2+
import Header from "./Header";
33
import ScheduleAMeeting from "./ScheduleAMeeting";
44
import { useState, useEffect } from "react";
55
import AllProjectsMobile from "./mobile/AllProjectsMobile";
@@ -21,9 +21,9 @@ export default function Projects() {
2121

2222
return (
2323
<div>
24-
<div className="main-container-with-margins">
24+
<div className={"main-container-with-larger-margins"}>
2525
<div>
26-
<HeaderComponent />
26+
<Header />
2727

2828
{isDesktop ? <AllProjectsDeskTop /> : <AllProjectsMobile />}
2929
</div>

‎src/components/projects/mobile/AllProjectsMobile.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@ export default function AllProjectsMobile () {
77
return (
88
<div>
99
<div className="main-container-with-margins">
10-
<div className="container">
11-
<ul className={"row"}>
10+
<div className={"container"}>
11+
<ul className={"row" + " " + "flex-full-centered"}>
1212
{projectsDetails.map((project, index) => (
1313
<li className="cards-list" key={index}>
1414
<div className="col">

0 commit comments

Comments
 (0)