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

Refactor CSS

Browse source
This commit is contained in:
Unrud 2024-01-31 09:33:09 +01:00
parent fc363fe404
commit 1985842ff0
2 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
webdata/index.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="app/main.mjs" type="module"></script>
<title>Remote Touchpad</title>
<link href="main.css" media="screen" rel="stylesheet">

28
webdata/main.css
View file

@ -177,33 +177,37 @@ textarea {
align-items: stretch;
padding: 0;
gap: 0;
flex-direction: row;
}
#text-input .buttons {
flex-direction: column;
}
#text-input .buttons > button {
border-bottom: none;
border-top: none;
border-right: none;
}
#text-input .buttons > button:first-child {
border-left: none;
#text-input .buttons > button:last-child {
border-bottom: none;
}
@media (min-aspect-ratio: 4/3) {
@media (max-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 {
#text-input .buttons {
flex-direction: row;
}
#text-input .buttons > button {
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: none;
}
#text-input .buttons > button:first-child {
border-top: none;
border-left: none;
}
}