mirror of
https://git.vladimir.cc/vladimir/ewsdr.git
synced 2026-08-25 20:37:33 +00:00
Add compact web layout for medium screens
This commit is contained in:
@@ -97,6 +97,28 @@ begin
|
||||
'.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}' +
|
||||
'#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){' +
|
||||
'body{overflow:auto;height:auto;min-height:100vh;}' +
|
||||
'.wrap{height:auto;min-height:100vh;padding:3px;}' +
|
||||
|
||||
Reference in New Issue
Block a user