feat: add ability to resize and close the help section

hackclub · Apr 29, 2024 · d99fa19 · d99fa19
1 parent a88ceca
commit d99fa19
Show file tree

Hide file tree

Showing 3 changed files with 429 additions and 221 deletions.
diff --git a/src/components/big-interactive-pages/editor.module.css b/src/components/big-interactive-pages/editor.module.css
@@ -95,7 +95,7 @@
 	background: var(--accent-light);
 }
 
-/* .horizontalResizeBar {
+.horizontalResizeBar {
 	width: 100%;
 	height: 6px;
 	min-height: 6px;
@@ -106,7 +106,7 @@
 .horizontalResizeBar:hover,
 .horizontalResizeBar.resizing {
 	background: var(--accent-light);
-} */
+}
 
 .canvasWrapper {
 	max-height: 100%;
@@ -116,8 +116,9 @@
 	border: 2px solid var(--accent);
 	display: block;
 	background: #000000;
-	width: 100%;
 	height: auto;
+	max-width: 100%;
+	aspect-ratio: 160 / 128;
 	max-height: 80%;
 	image-rendering: crisp-edges;
 	image-rendering: pixelated;
@@ -183,7 +184,4 @@
 .helpContainer {
 	max-width: 100%;
 	width: 100%;
-	max-height: 100%;
-	height: 100%;
-	overflow: auto;
 }