commit 54a1e55e0a22d659a315d14dba0bb2457ba2ff9c
author pineafan <pineapplefanyt@gmail.com> Fri Sep 03 17:51:18 2021 +0100
committer pineafan <pineapplefanyt@gmail.com> Fri Sep 03 17:51:18 2021 +0100
tree ed5bcc5a877d3682ddc87edd25733c7ca1bbd05c
parent 604e31d7f03b68d549048f6bf2ed463ab8002496

before mini breaks everything

Components/NavBar.js

diff --git a/Components/NavBar.js b/Components/NavBar.js
index a736c37..4af9457 100644
--- a/Components/NavBar.js
+++ b/Components/NavBar.js
@@ -1,15 +1,16 @@
-import { Component } from "react";
+import React, { Component } from "react";
 import Styles from '../styles/navbar.module.css';
 
 class NavBar extends Component {
 	constructor(props) {
 		super(props);
         this.state = {
-            isOpen: false
+            isOpen: false  // true
         }
         this.isTouchDevice = false
+        this.hoverSensor = React.createRef();
 	}
-    
+
     componentDidMount() {
         let hasTouchScreen = false;
         if ("maxTouchPoints" in navigator) {
@@ -59,7 +60,7 @@
 	render() {
 		return (
             <>
-                <div className={Styles.container + " " + (this.state.isOpen ? Styles.containerOpen : null)} onMouseLeave={() => {this.onLeave()}}>
+                <div ref={this.hoverSensor} className={(Styles.container + " " + (this.state.isOpen ? Styles.containerOpen : null))} onMouseLeave={() => {this.onLeave()}}>
                     <div className={Styles.group}>
                         <img className={Styles.headerIcon} src="/Icons/CMP.svg" onMouseEnter={() => {this.onEnter()}} onClick={() => {this.onClick()}}/>
                         <a href="/#"><img className={Styles.icon} src="/Icons/CMP.svg"/></a>

pages/rsm.js

diff --git a/pages/rsm.js b/pages/rsm.js
index 4938569..46cd366 100644
--- a/pages/rsm.js
+++ b/pages/rsm.js
@@ -26,16 +26,16 @@
         elements={[
           <SectionHeading title="Features" id="features"/>,
           <TileRow tiles={[
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Images.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Automate.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/CAPTCHA.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Developed.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Logging.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/NSFW.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Punish.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Raids.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Statistics.svg" />,
-            <img style={{height: "300px", width: "auto"}} src="/Features/RSM/Tags.svg" />
+            <img src="/Features/RSM/Images.svg" />,
+            <img src="/Features/RSM/Automate.svg" />,
+            <img src="/Features/RSM/CAPTCHA.svg" />,
+            <img src="/Features/RSM/Developed.svg" />,
+            <img src="/Features/RSM/Logging.svg" />,
+            <img src="/Features/RSM/NSFW.svg" />,
+            <img src="/Features/RSM/Punish.svg" />,
+            <img src="/Features/RSM/Raids.svg" />,
+            <img src="/Features/RSM/Statistics.svg" />,
+            <img src="/Features/RSM/Tags.svg" />
           ]} />,
           <SectionHeading title="Commands" id="commands"/>,
           <SectionHeading title="Invite" id="invite"/>

styles/tilerow.module.css

diff --git a/styles/tilerow.module.css b/styles/tilerow.module.css
index fa8a6ba..832b95e 100644
--- a/styles/tilerow.module.css
+++ b/styles/tilerow.module.css
@@ -7,6 +7,7 @@
     height: auto;
 }
 
-.tile {
+.item {
     display: flex;
+    height: 35vmin;
 }
\ No newline at end of file