refactor(style): center canvas vertically and horizontally

remarkablegames · Feb 17, 2024 · 84fc6a3 · 84fc6a3
1 parent d282452
commit 84fc6a3
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -1,4 +1,5 @@
 import 'kaboom/global';
+import './style.css';
 import './scenes';
 
 import { Scene } from './constants';

diff --git a/src/style.css b/src/style.css
@@ -0,0 +1,19 @@
+* {
+  border: 0;
+  margin: 0;
+  padding: 0;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+canvas {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}