Add scrolling
This commit is contained in:
parent
f07f25009c
commit
c060f5a398
|
@ -107,17 +107,12 @@
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: calc(768rem / 16)) {
|
|
||||||
.organizedContent > .nav {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.burger {
|
.burger {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5%;
|
top: 5%;
|
||||||
left: 2rem;
|
left: 2rem;
|
||||||
display: flex;
|
display: none;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
width: 2rem;
|
width: 2rem;
|
||||||
|
@ -175,7 +170,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background: var(--light-blue-1);
|
background: var(--light-blue-1);
|
||||||
width: 90%;
|
width: 80%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
|
@ -202,3 +197,13 @@
|
||||||
transition: color 0.3s linear;
|
transition: color 0.3s linear;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: calc(768rem / 16)) {
|
||||||
|
.burger {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.organizedContent > .nav {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
|
@ -3,7 +3,7 @@ import React, {
|
||||||
ComponentType,
|
ComponentType,
|
||||||
useState,
|
useState,
|
||||||
//useRef,
|
//useRef,
|
||||||
//useEffect,
|
useEffect,
|
||||||
} from "react";
|
} from "react";
|
||||||
import styles from "./OrganizedContent.module.css";
|
import styles from "./OrganizedContent.module.css";
|
||||||
|
|
||||||
|
@ -83,6 +83,12 @@ export const OrganizedContent = ({
|
||||||
childProps: childProps,
|
childProps: childProps,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
open
|
||||||
|
? (document.body.style.overflow = "hidden")
|
||||||
|
: (document.body.style.overflow = "visible");
|
||||||
|
}, [open]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={styles.organizedContent}>
|
<div className={styles.organizedContent}>
|
||||||
<Nav {...childProps} />
|
<Nav {...childProps} />
|
||||||
|
|
|
@ -71,17 +71,5 @@ display information about the execs: prez, VP, trez, AVP, and syscom overlord.
|
||||||
|
|
||||||
<TeamMemberCardDemo />
|
<TeamMemberCardDemo />
|
||||||
|
|
||||||
<<<<<<< Updated upstream
|
|
||||||
---
|
---
|
||||||
-->
|
-->
|
||||||
=======
|
|
||||||
--- -->
|
|
||||||
|
|
||||||
## `<OrganizedContent />`
|
|
||||||
|
|
||||||
Codey is supposed to say something here...
|
|
||||||
|
|
||||||
<OrganizedContentDemo />
|
|
||||||
|
|
||||||
---
|
|
||||||
>>>>>>> Stashed changes
|
|
||||||
|
|
Loading…
Reference in New Issue