From 3ac576e9f87fab565255e23c2f6d21e1afed6128 Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Mon, 24 Jan 2022 00:39:17 +0800
Subject: [PATCH] closer look to the original

---
 src/Game.vue | 7 ++++---
 src/game.css | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Game.vue b/src/Game.vue
index 7cab348..77f4125 100644
--- a/src/Game.vue
+++ b/src/Game.vue
@@ -198,7 +198,7 @@ function shake() {
   grid-gap: 5px;
   padding: 10px;
   box-sizing: border-box;
-  --height: min(420px, calc(var(--vh, 100vh) - 320px));
+  --height: min(420px, calc(var(--vh, 100vh) - 310px));
   height: var(--height);
   width: min(350px, calc(var(--height) / 6 * 5));
   margin: 0px auto;
@@ -208,12 +208,13 @@ function shake() {
   left: 50%;
   top: 80px;
   color: #fff;
-  background-color: rgba(0, 0, 0, 0.85);
+  background-color: black;
   padding: 16px 20px;
   z-index: 2;
-  border-radius: 8px;
+  border-radius: 4px;
   transform: translateX(-50%);
   transition: opacity 0.3s ease-out;
+  font-weight: 600;
 }
 .message.v-leave-to {
   opacity: 0;
diff --git a/src/game.css b/src/game.css
index 4453bae..c61b19c 100644
--- a/src/game.css
+++ b/src/game.css
@@ -6,7 +6,8 @@ body {
 }
 
 h1 {
-  margin: 10px 0;
+  margin: 4px 0;
+  font-size: 36px;
 }
 
 header {