diff --git a/frontend/src/component/StyleComponents.jsx b/frontend/src/component/StyleComponents.jsx index 189b1ce..9d3eaa7 100644 --- a/frontend/src/component/StyleComponents.jsx +++ b/frontend/src/component/StyleComponents.jsx @@ -52,7 +52,7 @@ export const Example = (props) => { const [expand, setExpand] = React.useState(false); return ( - + setExpand(!expand)}> {expand ? '⬇️' : '⬆️'} diff --git a/frontend/src/page/Style/StyleCSS.jsx b/frontend/src/page/Style/StyleCSS.jsx index d28f5d2..c11cb06 100644 --- a/frontend/src/page/Style/StyleCSS.jsx +++ b/frontend/src/page/Style/StyleCSS.jsx @@ -10,8 +10,7 @@ const StyleCSS = ({}) => { const emoji = '🎨'; return ( - <> - +

{emoji} 2. CSS Style Guide

The assignments in COMP6080 all have a portion of their marks allocated to code style. As such, it is highly recommended for students to have a read through this style guide. @@ -547,7 +546,7 @@ div { ` ]} /> - +
); }; diff --git a/frontend/src/page/Style/StyleHtml.jsx b/frontend/src/page/Style/StyleHtml.jsx index 35fb345..d1cb21d 100644 --- a/frontend/src/page/Style/StyleHtml.jsx +++ b/frontend/src/page/Style/StyleHtml.jsx @@ -14,7 +14,7 @@ const StyleHtml = ({}) => { const emoji = '📜'; return ( - <> +

{emoji} 1. HTML Style Guide

@@ -692,7 +692,7 @@ to the next row when the viewport's width gets small enough --> ]} /> - +
); }; diff --git a/frontend/src/page/Style/StyleJavascript.jsx b/frontend/src/page/Style/StyleJavascript.jsx index 6642935..f724861 100644 --- a/frontend/src/page/Style/StyleJavascript.jsx +++ b/frontend/src/page/Style/StyleJavascript.jsx @@ -9,7 +9,7 @@ const StyleJavascript = ({}) => { const emoji = '🔧'; return ( - <> +

{emoji} 3. JavaScript

The assignments in COMP6080 all have a portion of their marks allocated to code style. As such, it is highly recommended for students to have a read through this style guide. @@ -556,7 +556,7 @@ const fooObj = { }` ]} /> - +
); }; diff --git a/frontend/src/page/Style/StyleReact.jsx b/frontend/src/page/Style/StyleReact.jsx index 0122750..295ce6e 100644 --- a/frontend/src/page/Style/StyleReact.jsx +++ b/frontend/src/page/Style/StyleReact.jsx @@ -11,8 +11,7 @@ const StyleReact = ({}) => { const emoji = '⚛️'; return ( - <> - +

{emoji} 4. ReactJS

The assignments in COMP6080 all have a portion of their marks allocated to code style. As such, it is highly recommended for students to have a read through this style guide. @@ -532,7 +531,7 @@ const App = () => { }` ]} /> - +
); };