Merge 8eb17e4c02fa2f208a284fea63c408c702bd03eb into 75d97b11c3ca769bf0522673b8cfd4e736169fc9

src/pages/GamePage.vue

@@ -107,6 +107,8 @@ onMounted(() => {
 <style scoped>
 .level-board {
     position: relative;
+    margin: 0 calc(50% - 184px);
+    width: 100%;
 }
 
 .level-block {
@@ -114,7 +116,9 @@ onMounted(() => {
 }
 
 .random-board {
+    margin: 0 calc(50% - 184px);
     margin-top: 8px;
+    min-height: 100px;
 }
 
 .random-area {
@@ -122,8 +126,9 @@ onMounted(() => {
 }
 
 .slot-board {
-  margin-top: 24px;
     border: 10px solid saddlebrown;
+    margin: 0 calc(50% - 157px);
+    margin-top: 24px;
 }
 
 .block {
@@ -136,10 +141,21 @@ onMounted(() => {
     text-align: center;
     vertical-align: top;
     display: inline-block;
+    cursor: pointer;
+    transition: all 0.1s;
 }
 
+.block:hover {
+    transform: scale(1.05);
+}
+
+
 .disabled {
     background: grey;
     cursor: not-allowed;
 }
+
+.disabled:hover {
+    transform: scale(1);
+}
 </style>