mirror of
https://github.com/coderaiser/cloudcmd.git
synced 2026-01-23 02:35:49 +00:00
refactor: css: query: move width consts to css variables (#424)
* Move const panel width from code to css variables * Update css/query.css * Update css/query.css --------- Co-authored-by: coderaiser <mnemonic.enemy@gmail.com>
This commit is contained in:
parent
62af673117
commit
59024eea98
2 changed files with 8 additions and 3 deletions
|
|
@ -59,8 +59,10 @@ function CloudCmdProto(DOM) {
|
|||
this.prefixSocket = '';
|
||||
this.prefixURL = '';
|
||||
|
||||
this.MIN_ONE_PANEL_WIDTH = 1155;
|
||||
this.MOBILE_ONE_PANEL_WIDTH = 600;
|
||||
var bodyStyle = getComputedStyle(document.body);
|
||||
this.MIN_ONE_PANEL_WIDTH = bodyStyle.getPropertyValue("--min-one-panel-width");
|
||||
this.MOBILE_ONE_PANEL_WIDTH = bodyStyle.getPropertyValue('--mobile-max-width')
|
||||
|
||||
this.HOST = location.origin || location.protocol + '//' + location.host;
|
||||
|
||||
this.TITLE = 'Cloud Commander';
|
||||
|
|
|
|||
|
|
@ -19,7 +19,10 @@
|
|||
width: 15%;
|
||||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
--mobile-max-width: 600px;
|
||||
--min-one-panel-width: 1155px;
|
||||
}
|
||||
@media only screen and (height <= 900px) and (width <= 600px) {
|
||||
.fm {
|
||||
height: 85%;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue