Animation

maximilian-heeg · Jul 2, 2024 · e2443ad · e2443ad
1 parent f3603bc
commit e2443ad
Show file tree

Hide file tree

Showing 5 changed files with 224 additions and 34 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -7,6 +7,7 @@ edition = "2021"
 
 [dependencies]
 leptos = { version = "0.6.12", features = ["csr", "nightly"] }
+leptos-use = "0.10.10"
 leptos_hotkeys = "0.2.1"
 rand = "0.8.5"
 serde = { version = "1.0.203", features = ["derive"] }

diff --git a/assets/style.scss b/assets/style.scss
@@ -21,6 +21,11 @@ body {
     font-family: "Clear Sans", "Helvetica Neue", Arial, sans-serif;
 }
 
+main {
+    margin-left: auto;
+    margin-right: auto;
+    width: 22.5rem;
+}
 div.score {
     width: 22.5rem;
     text-align: end;
@@ -33,12 +38,16 @@ div.controls {
     justify-content: space-between;
 }
 
-div.controls > button.space {
+div.controls.c-1 > button {
     width: 22.5rem;
 }
 
+div.controls.c-2 > button {
+    width: 11rem;
+}
+
 div.controls > button {
-    width: 5rem;
+    width: 5.25rem;
     height: 4rem;
     background: linear-gradient(
         to bottom,

diff --git a/src/main.rs b/src/main.rs
@@ -5,7 +5,6 @@ use render::RenderGame;
 fn main() {
     mount_to_body(|| {
         view! {
-            <h1> 2048</h1>
             <RenderGame />
         }
     })