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:
Hagay Goshen 2024-11-01 20:58:39 +02:00 committed by GitHub
parent 62af673117
commit 59024eea98
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 8 additions and 3 deletions

View file

@ -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';

View file

@ -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%;