Merge pull request #70 from CAHLR/frontend-components

Fix popup contents
CAHLR · Jan 18, 2025 · 54d0f2b · 54d0f2b
2 parents a1e29ba + eb3bca1
commit 54d0f2b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/src/components/Popup/popup-styles.js b/src/components/Popup/popup-styles.js
@@ -1,22 +1,24 @@
 export const popupStyles = {
     popupContent: {
         background: '#FFF',
-        padding: '10px 20px 20px 20px',
+        padding: '0px 30px 30px 30px',
         borderRadius: '8px',
         position: 'absolute',
         top: '50%', 
         left: '50%',
         transform: 'translate(-50%, -50%)',
-        maxWidth: '53%',
-        maxHeight: '77%',
-        fontSize: '9.5px',
+        width: '1080px',
+        maxWidth: '95vw',
+        maxHeight: '95vh',
+        fontSize: '16px',
         overflowY: 'scroll',
         scrollbarWidth: 'none',
         '& ul': {
-            paddingLeft: '15px',
+            paddingLeft: '30px',
+            marginTop: '0px',
         },
         '& h2, & h3': {
-            marginBottom: '5px',
+            marginBottom: '0px',
         },
     },
     button: {
@@ -33,6 +35,6 @@ export const popupStyles = {
         color: '#4F4F4F', 
         borderRadius: '50%', 
         padding: '0.5px', 
-        fontSize: 18
+        fontSize: 24
     }
 };
diff --git a/src/pages/Posts/About.js b/src/pages/Posts/About.js
@@ -7,6 +7,7 @@ const VPAT_LINK = `${process.env.PUBLIC_URL}/static/documents/OATutor_Sec508_WCA
 
 const About = () => {
     const classes = useStyles()
+    const currentYear = new Date().getFullYear();
 
     return <>
         <h2>
@@ -52,7 +53,7 @@ const About = () => {
 
         <sub>
             <p>OATutor code is licensed under a MIT Open Source License, with its adaptive learning content made available under a CC BY 4.0 license.</p> 
-            <p>© 2024, CAHL Research Lab, UC Berkley School of Education.</p>
+            <p>© {currentYear}, CAHL Research Lab, UC Berkley School of Education.</p>
         </sub>
     </>
 }