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> <!DOCTYPE html>
<html lang="en"> <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> <script src="app/main.mjs" type="module"></script>
<title>Remote Touchpad</title> <title>Remote Touchpad</title>
<link href="main.css" media="screen" rel="stylesheet"> <link href="main.css" media="screen" rel="stylesheet">

38
webdata/main.css
View file

@ -177,19 +177,6 @@ textarea {
align-items: stretch; align-items: stretch;
padding: 0; padding: 0;
gap: 0; gap: 0;
}
#text-input .buttons > button {
border-bottom: none;
border-right: none;
}
#text-input .buttons > button:first-child {
border-left: none;
}
@media (min-aspect-ratio: 4/3) {
#text-input {
flex-direction: row; flex-direction: row;
} }
@ -197,13 +184,30 @@ textarea {
flex-direction: column; flex-direction: column;
} }
#text-input .buttons > button, #text-input .buttons > button {
#text-input .buttons > button:first-child { border-top: none;
border-right: none;
}
#text-input .buttons > button:last-child {
border-bottom: none;
}
@media (max-aspect-ratio: 4/3) {
#text-input {
flex-direction: column;
}
#text-input .buttons {
flex-direction: row;
}
#text-input .buttons > button {
border-top: 1px solid black; border-top: 1px solid black;
border-left: 1px solid black; border-bottom: none;
} }
#text-input .buttons > button:first-child { #text-input .buttons > button:first-child {
border-top: none; border-left: none;
} }
} }