~pistos/remoteku

b81343a77ec9db972d9181e5f4ce9194fb98b94e — Pistos 1 year, 5 months ago 8de9f5c
Improve mobile experience
2 files changed, 9 insertions(+), 7 deletions(-)

M frontend/src/App.vue
M frontend/src/views/Home.vue
M frontend/src/App.vue => frontend/src/App.vue +1 -4
@@ 7,11 7,8 @@
  @media screen and (min-device-width: 400px) {
    margin: 5rem;
  }
  text-align: center;
}

body {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
</style>

M frontend/src/views/Home.vue => frontend/src/views/Home.vue +8 -3
@@ 51,8 51,8 @@
          v-model="literalText"
        />
      </label>
      <button @click="sendLiteral">Enter</button>
      <button @click="apiPress('backspace')">Backspace</button>
      <button @click="sendLiteral"><b>&#x23ce;</b></button>
      <button @click="apiPress('backspace')"><b>&#x232b;</b></button>
    </div>
  </div>
</div>


@@ 132,6 132,11 @@ map {

.text-entry {
  display: flex;
  max-width: 100%;
  margin: auto;
  max-width: 330px;

  input {
    max-width: 20vw;
  }
}
</style>