www
/
www-new
12
3
Fork 5
Code Issues 58 Pull Requests 42 Projects Releases Wiki Activity

About Us page #70

Merged
l42luo merged 21 commits from feat/about-us-page into main 2021-07-18 03:37:49 -04:00
Conversation 1 Commits 21 Files Changed 14 +8 -12
3 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1c30f4f5f1 - Show all commits

6
components/Bubble.module.css
View File

@ -1,13 +1,11 @@
.bubble { .bubble {
padding: calc(36rem / 16) 0; padding: calc(36rem / 16) 0;
margin: calc(64rem / 16) 0; margin: calc(64rem / 16) 0;
background-color: #e1eefa; background-color: var(--blue-1-20);
/* width: 100% !important; */
max-width: 5000px !important; max-width: 5000px !important;
/* border-radius: 20rem; */
} }
.bubble > * { .bubble > * {
margin: 2rem auto; margin: 2rem auto;
max-width: calc(806rem / 16); max-width: calc(800rem / 16);
} }

10
pages/about/index.module.css
View File

@ -10,6 +10,10 @@
font-size: 24px; font-size: 24px;
} }
.text {
background-color: white;
}
.text, .text,
.text li { .text li {
font-size: 16px; font-size: 16px;
@ -21,12 +25,6 @@
max-width: calc(806rem / 16); max-width: calc(806rem / 16);
} }
/*box-sizing: border box*/
/* should not need this after component*/
/* .bubble:nth-child(odd) {
background-color: #e1eefa;
} */
.flexBox { .flexBox {
margin: 2rem auto; margin: 2rem auto;
max-width: calc(806rem / 16); max-width: calc(806rem / 16);

4
pages/about/index.tsx
View File

@ -7,7 +7,7 @@ import { SocialLinks } from "../../components/SocialLinks";
export default function AboutUs() { export default function AboutUs() {
return ( return (
<div> <>
<div className={styles.flexBoxTitle}> <div className={styles.flexBoxTitle}>
<h1 className={styles.title}>About Us!</h1> <h1 className={styles.title}>About Us!</h1>
</div> </div>
@ -38,7 +38,7 @@ export default function AboutUs() {
<Button>Subscribe</Button> <Button>Subscribe</Button>
</form> </form>
</div> </div>
</div> </>
); );
} }