lukajankovic/remote-touchpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge a21eb00c20 into fc363fe404

Browse source
This commit is contained in:
Roman Zupancic 2024-01-28 01:08:58 +00:00 • committed by GitHub
commit b0ada277ea
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

8
webdata/index.html
View file

@ -24,11 +24,11 @@
<button class="bottom right" onclick="app.showTextInput()">⌨</button>
</div>
<div id="text-input" class="scene">
<textarea class="grow" cols=1 rows=1></textarea>
<div class="buttons">
<div id="text-input" class="scene touch-input mouse-input keyboard-input">
<textarea placeholder="Touch to type" cols=1 rows=1></textarea>
<div class="flex-between">
<button onclick="app.showKeys('text-input', 1)">≡</button>
<button class="grow" id="send-text">➣</button>
<button id="send-text">↩</button>
</div>
</div>

39
webdata/main.css
View file

@ -147,10 +147,15 @@ textarea {
border: none;
resize: none;
font-size: 2rem;
background-color: white;
background-color: #303030;
color: black;
margin: 0;
padding: 0 0.5rem;
width: 100%;
}
textarea:focus {
outline: none;
}
#keys {
@ -175,35 +180,17 @@ textarea {
#text-input {
align-items: stretch;
justify-content: end;
padding: 0;
gap: 0;
}
#text-input .buttons > button {
#text-input button {
border-bottom: none;
border-right: none;
border-top: none;
}
#text-input .buttons > button:first-child {
border-left: none;
}
@media (min-aspect-ratio: 4/3) {
#text-input {
flex-direction: row;
}
#text-input .buttons {
flex-direction: column;
}
#text-input .buttons > button,
#text-input .buttons > button:first-child {
border-top: 1px solid black;
border-left: 1px solid black;
}
#text-input .buttons > button:first-child {
border-top: none;
}
}
.flex-between {
display: flex;
justify-content: space-between;
}