Skip to content

Commit

Permalink
Fix some style issues.
Browse files Browse the repository at this point in the history
  • Loading branch information
HaudinFlorence committed Jul 8, 2024
1 parent 4c24534 commit 2618ca8
Show file tree
Hide file tree
Showing 19 changed files with 149 additions and 73 deletions.
2 changes: 1 addition & 1 deletion docusaurus.config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -202,7 +202,7 @@ const config: Config = {
{
html: `
<div class="quantstack-address">
<div class="div .quantstack-address">
16, avenue Curti <br/>
94100 Saint-Maur-des-Fossés <br/>
France
Expand Down
2 changes: 1 addition & 1 deletion src/components/about/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@
}

.four_values_container {
margin: var(--ifm-spacing-5xl) 0;
margin-bottom: var(--ifm-spacing-5xl);
}

.join_the_team_container {
Expand Down
2 changes: 1 addition & 1 deletion src/components/blog/BlogpostCard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
25 changes: 19 additions & 6 deletions src/components/blog/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -8,20 +8,29 @@
border-radius: 8px;
box-shadow: 4px 4px 18px -1px #dee0fc;
padding: var(--ifm-spacing-xl);
background:var(--ifm-background-color-card);
background: var(--ifm-background-color-card);
}

.blogpost_card:hover {
border: 1px solid #cbc7b1;
}

.blog_time_index {
font-size: 10px;
font-family: var(--ifm-font-family-roboto);
div .blogpost_header {
color: var(--ifm-text-color);
}
div .blogpost_summary {
color: var(--ifm-text-color);
}

div .blogpost_authors {
color: var(--ifm-text-color);
}

div .blogpost_date {
color: var(--ifm-text-color);
}

.blogpost_summary {
color: var(---ifm-text-color);
font-family: var(--ifm-font-family-roboto);
font-size: 14px;
font-style: normal;
Expand All @@ -31,6 +40,7 @@
text-align: justify;
margin-bottom: var(--ifm-spacing-sm);
height: 140px;
color: var(--ifm-text-color-card);
}

.blogpost_header {
Expand All @@ -43,6 +53,7 @@
letter-spacing: -0.198px;
height: 48px;
margin: var(--ifm-spacing-xl) 0;
color: var(--ifm-text-color-card);
}

.blogpost_date {
Expand All @@ -54,6 +65,7 @@
line-height: 16px;
letter-spacing: -0.132px;
text-align: left;
color: var(--ifm-text-color-card);
}

.blogpost_authors {
Expand All @@ -63,6 +75,7 @@
font-weight: 400;
line-height: 16px;
text-align: left;
color: var(--ifm-text-color-card);
}

.search_input {
Expand All @@ -84,6 +97,6 @@
@media only screen and (min-width: 996px) {
/*Desktop */
.blogposts_container {
margin: var(--ifm-spacing-6xl) 0;
margin: var(--ifm-spacing-6xl) 0;
}
}
2 changes: 1 addition & 1 deletion src/components/careers/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ export default function Header() {
return (
<div className={styles.careers_header}>
<h1 className="text-centered">Join the QuantStack team!</h1>
<div className={styles.group_photo_container}>
<div className={styles.group_photo_container + " " + "flex-full-centered"}>
<img src={GroupPhotoJupyterConUrl} />
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/careers/Interviews.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
18 changes: 13 additions & 5 deletions src/components/careers/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,17 +10,25 @@ export default function Careers() {
<div>
<div className="main-container-with-margins">
<div className={"container" + " " + styles.careers_container}>
<div className={"row" + " " + "padding-none"}>
<div className="col col--10 col--offset-1">
<div className={"row" + " " + "padding-none" + " "+ "flex-full-centered"}>
<div className="col">
<Header />
</div>
</div>
<div className={"row" + " " + styles.join_the_team_container}>
<div
className={
"row" +
" " +
styles.join_the_team_container +
" " +
"flex-full-centered"
}
>
<div className="col col--10 col--offset-1">
<JoinTheTeam />
</div>
<div className="row">
<div className="col col--10 col--offset-1">
<div className={"row" + " " + "flex-full-container"}>
<div className="col col--8 col--offset-2">
<div className={styles.interviews_container}>
<Interviews
details={interviewDetails}
Expand Down
4 changes: 2 additions & 2 deletions src/components/careers/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
4 changes: 2 additions & 2 deletions src/components/home/WhatWeDo/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,12 +9,12 @@ export function WhatWeDoDesktop() {
return (
<div className={"container" + " " + styles.whatwedo_container}>
<div className={"row"}>
<div className={"col" + " " + "flex-full-centered"}>
<div className={"col" + " "+ "flex-full-centered"}>
<h1 className={styles.header}> What we do </h1>
</div>
</div>
<div className={"row"}>
<div className={"col col--12" + " " + "flex-full-centered"}>
<div className={"col" + " " + "flex-full-centered"}>
<Topics />
</div>
</div>
Expand Down
4 changes: 4 additions & 0 deletions src/components/home/WhatWeDo/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,10 @@ div .topics_header {

@media only screen and (min-width: 996px) {
/* Desktop */

.header {
color: var(--ifm-text-color-on-primary-p1)
}
.whatwedo_container {
background-color: var(--ifm-color-primary-p1);
padding: var(--ifm-spacing-2xl);
Expand Down
2 changes: 1 addition & 1 deletion src/components/projects/desktop/AllProjectsDesktop.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const ProjectsDescriptions = [

export function AllProjectsDeskTop() {
return (
<div className="container">
<div className={"container"}>
<ul className={"row"}>
{projectsDetails.map((project, index) => (
<li className="cards-list" key={index}>
Expand Down
18 changes: 10 additions & 8 deletions src/components/projects/desktop/ProjectDesktop.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,10 @@ export default function ProjectDesktop({
if (project.reverse === "false") {
return (
<div className={"container" + " " + styles.project_container}>
<div className={"row" + " " + "padding-none" + " " + "margin-none"+" "+ styles.row_project}>
<div className={"row" + " " + "row-project"}>
<div
className={
"col col--6" + " " + styles.col_project_text
"col col--6 col--offset-1" + " " + styles.col_project_text
}
>
<div className={styles.project_title}>{project.title}</div>
Expand All @@ -20,7 +20,7 @@ export default function ProjectDesktop({
</div>
<div
className={
"col col--5" +
"col col--4" +
" " +
"flex-full-centered" +
" " +
Expand All @@ -43,17 +43,19 @@ export default function ProjectDesktop({
} else if (project.reverse === "true") {
return (
<div className={"container" + " " + styles.project_container}>
<div className={"row" + " " + "padding-none" + " " + "margin-none" + " "+ styles.row_project}>
<div className={"row" + " " + "row-project"}>
<div
className={
"col col--5" +
"col col--4" +
" " +
"flex-full-centered" + " "+ "padding-none"+
"flex-full-centered" +
" " +
"padding-none" +
" " +
styles.col_project_picture_left
}
/*style={{ border: project.pictureBorderDesktop }}*/
style={{border: "Opx"}}
style={{ border: "0px" }}
>
<div className={styles.project_picture}>
<img
Expand All @@ -64,7 +66,7 @@ export default function ProjectDesktop({
</div>
</div>

<div className={"col col--6" + " " + styles.col_project_text}>
<div className={"col col--6 col--offset-1" + " " + styles.col_project_text}>
<div className={styles.project_title}>{project.title}</div>
<div className={styles.project_description}>
<ProjectDescriptionMD />
Expand Down
2 changes: 1 addition & 1 deletion src/components/projects/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export default function Projects() {

return (
<div>
<div className="main-container-with-margins">
<div className={"main-container-with-larger-margins"}>
<div>
<HeaderComponent />

Expand Down
4 changes: 2 additions & 2 deletions src/components/projects/mobile/AllProjectsMobile.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@ export default function AllProjectsMobile () {
return (
<div>
<div className="main-container-with-margins">
<div className="container">
<ul className={"row"}>
<div className={"container"}>
<ul className={"row" + " " + "flex-full-centered"}>
{projectsDetails.map((project, index) => (
<li className="cards-list" key={index}>
<div className="col">
Expand Down
32 changes: 22 additions & 10 deletions src/components/projects/styles.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,14 @@ div .schedule_container {
.project_container {
padding: var(--ifm-spacing-sm) var(--ifm-spacing-lg);
margin-bottom: var(--ifm-spacing-xs);
width: 100px;
width: 200px;
height: 100px;
background-color: var(--ifm-color-orange-light);
background-color: var(--ifm-background-color-project-card);
}

.header_text {
font-family: var(--ifm-font-family-roboto);
color: var(--ifm-color-neutral-n2);
color: var(--ifm-text-color-project-card);
font-size: 14px;
font-style: normal;
font-weight: 400;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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) {
Expand All @@ -93,6 +97,9 @@ div .schedule_container {
margin-bottom: var(--ifm-spacing-lg);
margin-left: 0;
padding: 0;
background-color: var(--ifm-background-color-project-card);
border-radius: 10px;
box-shadow: 0px 0px 8px 1px #d0cb54;
}

.project_title {
Expand All @@ -119,11 +126,12 @@ div .schedule_container {
color: var(--ifm-text-color-project-card);
}

.row_project {
/*.row_project {
background-color: var(--ifm-background-color-project-card);
border-radius: 10px;
box-shadow: 0px 0px 8px 1px #d0cb54;
}
width: 1200px;
}*/

.col_project_text {
background-color: var(--ifm-background-color-project-card);
Expand All @@ -134,8 +142,7 @@ div .schedule_container {

.col_project_picture_left {
margin-right: var(--ifm-spacing-lg);
/*border-radius: 10px;*/
/*border: solid 2px;*/
border-radius: 10px;
}

.col_project_picture_right {
Expand All @@ -151,7 +158,7 @@ div .schedule_container {

.header_text {
font-family: var(--ifm-font-family-roboto);
color: var(--ifm-color-neutral-n1);
color: var(--ifm-text-color-project-card);
font-size: 22px;
font-style: normal;
font-weight: 400;
Expand All @@ -178,12 +185,17 @@ 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);
}

.all_projects_desktop_container {
margin-left: var(--ifm-spacing-6xl);
margin-right: var(--ifm-spacing-6xl);
}
}
Loading

0 comments on commit 2618ca8

Please sign in to comment.