diff --git a/src/assets/input_center.png b/src/assets/input_center.png index 48e91e2..f3a5de7 100644 Binary files a/src/assets/input_center.png and b/src/assets/input_center.png differ diff --git a/src/assets/input_left.png b/src/assets/input_left.png deleted file mode 100644 index 9d7835a..0000000 Binary files a/src/assets/input_left.png and /dev/null differ diff --git a/src/assets/paper.jpg b/src/assets/paper.jpg new file mode 100644 index 0000000..f15da9c Binary files /dev/null and b/src/assets/paper.jpg differ diff --git a/src/components/GameInputForm.vue b/src/components/GameInputForm.vue index a0b5ae3..541b57a 100644 --- a/src/components/GameInputForm.vue +++ b/src/components/GameInputForm.vue @@ -37,7 +37,6 @@ async function addAction() {
-
@@ -85,6 +84,7 @@ async function addAction() { .controller { display: flex; + position: relative; } .game-input { @@ -92,28 +92,19 @@ async function addAction() { top: 14px; left: 25px; height: 50px; - width: calc(100% - 150px - 50px); -} - -.game-input-run-left { - height: 50px; - width: 25px; - position: absolute; - left: 0px; - background-image: url("@/assets/input_left.png"); - background-size: cover; + width: calc(100% - 150px - 35px); } .game-input-run { height: 100%; width: 100%; - margin-left: 15px; - padding-left: 12px; + padding-left: 27px; background-image: url("@/assets/input_center.png"); background-size: cover; border: 0; font-size: 18px; font-family: a_OldTyper; + background-color: transparent; } .game-input-run::placeholder { diff --git a/src/components/MessageCloud.vue b/src/components/MessageCloud.vue index edb2a8c..ca278c1 100644 --- a/src/components/MessageCloud.vue +++ b/src/components/MessageCloud.vue @@ -59,8 +59,9 @@ async function letsgo(place: string) { border-radius: 15px; margin: 12px 10px; padding: 16px; - background-color: var(--main-back-item-color); display: flow-root; + background-image: url("@/assets/paper.jpg"); + background-size: cover; } .message-header {