diff --git a/src/assets/input_center.png b/src/assets/input_center.png new file mode 100644 index 0000000..48e91e2 Binary files /dev/null and b/src/assets/input_center.png differ diff --git a/src/assets/input_left.png b/src/assets/input_left.png new file mode 100644 index 0000000..9d7835a Binary files /dev/null and b/src/assets/input_left.png differ diff --git a/src/components/GameWindow.vue b/src/components/GameWindow.vue index 94406da..81080fa 100644 --- a/src/components/GameWindow.vue +++ b/src/components/GameWindow.vue @@ -217,7 +217,7 @@ onMounted(() => {
- Вечерний детектив + Вечерний детектив

...

@@ -235,10 +235,13 @@ onMounted(() => {
- +
+
+ +
- +
@@ -317,7 +320,7 @@ body { .form-custom { position: fixed; - bottom: 0; + bottom: 10px; left: 0; width: 100%; color: white; @@ -519,11 +522,42 @@ body { /* TODO */ } -.game-input-run { - margin-top: 14px; - margin-left: 25px; +.game-input { + position: relative; + top: 14px; + left: 25px; height: 50px; - width: calc(100% - 150px); + 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; +} + +.game-input-run { + height: 100%; + width: 100%; + margin-left: 15px; + padding-left: 12px; + background-image: url("@/assets/input_center.png"); + background-size: cover; + border: 0; + font-size: 18px; + font-family: a_OldTyper; +} + +.game-input-run::placeholder { + color: #333333; +} + +.game-input-run:focus { + border: 0; + outline: none; } .controller-metal { @@ -541,12 +575,12 @@ body { right: -15px; } -.logo-text { +.text-with-font { font-family: a_OldTyper; - line-height: 20px; - font-size: 22px; - color: #a1825f; + color: #bfa07d; font-weight: 600; letter-spacing: 2px; + line-height: 20px; + font-size: 22px; }