ew8bak/ewsdr
1
0
Fork 0
mirror of https://git.vladimir.cc/vladimir/ewsdr.git synced 2026-08-25 20:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add compact web layout for medium screens

Browse Source
This commit is contained in:
ew8bak
2026-05-20 20:56:33 +03:00
parent 1b39bc6746
commit a0019493b6
1 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebPageHtml.pas
+22
View File
@@ -97,6 +97,28 @@ begin
'.wf-area canvas{position:absolute;top:0;left:0;width:100%;height:100%}' + '.wf-area canvas{position:absolute;top:0;left:0;width:100%;height:100%}' +
'.sbar{flex:0 0 16px;display:flex;align-items:center;padding:0 6px;gap:10px;background:#0e0e0e;border-top:1px solid #222;font-size:10px;color:#555}' + '.sbar{flex:0 0 16px;display:flex;align-items:center;padding:0 6px;gap:10px;background:#0e0e0e;border-top:1px solid #222;font-size:10px;color:#555}' +
'#latEl{margin-left:auto}' + '#latEl{margin-left:auto}' +
'@media screen and (max-width:1300px) and (min-width:641px){' +
'.tbar{gap:3px;padding-left:4px;padding-right:4px;}' +
'button{padding:0 6px;font-size:10px;}' +
'select{padding:0 3px;font-size:10px;}' +
'.sl-g{gap:2px;}' +
'.sl-lb,.sl-val{font-size:9px;}' +
'.sl-val{min-width:2.1em;}' +
'.sl-sep{padding:0 1px;}' +
'input[type=range]{width:54px;}' +
'#smeter{width:260px;height:58px;}' +
'.row2{height:66px;gap:4px;}' +
'.vfo-mid{gap:3px;min-width:0;}' +
'.vbtn{width:30px;height:30px;font-size:11px;}' +
'.vfo-ro{font-size:32px;height:54px;padding-left:3px;padding-right:3px;padding-top:9px;}' +
'.vfo-ro .dg,.vfo-ro .sp{font-size:32px;}' +
'.vfo-hz .dg{font-size:16px;}' +
'.swap-g{gap:2px;}' +
'.swap-g button{padding:0 4px;font-size:9px;}' +
'.vfo-sp{width:4px!important;}' +
'.right-g{gap:3px;}' +
'.right-g button,.right-g select{height:54px;font-size:10px;}' +
'}' +
'@media screen and (max-width:640px){' + '@media screen and (max-width:640px){' +
'body{overflow:auto;height:auto;min-height:100vh;}' + 'body{overflow:auto;height:auto;min-height:100vh;}' +
'.wrap{height:auto;min-height:100vh;padding:3px;}' + '.wrap{height:auto;min-height:100vh;padding:3px;}' +