GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2026-02-01 02:21:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

pikvm/pikvm#599: fixed webui windows oversizing

Browse Source
This commit is contained in:
Maxim Devaev
2022-03-22 02:52:01 +03:00
parent bb853b283b
commit c161d22dbb
6 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/share/css/kvm/stream.css
View File

@@ -55,7 +55,7 @@ div#stream-box {
object-fit: contain; object-fit: contain;
position: relative; position: relative;
display: inline-block; display: inline-block;
border: var(--border-window-thin); border: var(--border-window-default-thin);
} }
div.stream-box-offline { div.stream-box-offline {
-webkit-filter: grayscale(100%) brightness(75%) sepia(75%); -webkit-filter: grayscale(100%) brightness(75%) sepia(75%);

2
web/share/css/login/login.css
View File

@@ -34,7 +34,7 @@ div#login {
outline: none; outline: none;
word-wrap: break-word; word-wrap: break-word;
max-width: 400px; max-width: 400px;
border: var(--border-window-thin); border: var(--border-window-default-thin);
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: var(--shadow-big); box-shadow: var(--shadow-big);

4
web/share/css/modal.css
View File

@@ -37,7 +37,7 @@ div.modal div.modal-window {
outline: none; outline: none;
margin: 15% auto; margin: 15% auto;
overflow: hidden; overflow: hidden;
border: var(--border-window-thin); border: var(--border-window-default-2px);
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: var(--shadow-big); box-shadow: var(--shadow-big);
@@ -45,7 +45,7 @@ div.modal div.modal-window {
padding: 0; padding: 0;
} }
div.modal div.modal-window-active { div.modal div.modal-window-active {
border: var(--border-intensive-2px) !important; border: var(--border-window-active-2px) !important;
} }
div.modal div.modal-window div.modal-header { div.modal div.modal-window div.modal-header {

2
web/share/css/start.css
View File

@@ -34,7 +34,7 @@ div.start-box div.start {
outline: none; outline: none;
word-wrap: break-word; word-wrap: break-word;
max-width: 800px; max-width: 800px;
border: var(--border-window-thin); border: var(--border-window-default-thin);
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: var(--shadow-big); box-shadow: var(--shadow-big);

5
web/share/css/vars.css
View File

@@ -79,11 +79,14 @@
--border-hovered-2px: 2px solid #2a2d31; --border-hovered-2px: 2px solid #2a2d31;
--border-navbar-item-thin: thin solid black; --border-navbar-item-thin: thin solid black;
--border-control-thin: thin solid #17191d; --border-control-thin: thin solid #17191d;
--border-window-thin: thin solid #17191d;
--border-key-thin: thin solid #202225; --border-key-thin: thin solid #202225;
--border-intensive-2px: 2px solid #5b90bb; --border-intensive-2px: 2px solid #5b90bb;
--border-intensive-thin: thin solid #5b90bb; --border-intensive-thin: thin solid #5b90bb;
--border-window-default-2px: 2px solid #282a2e;
--border-window-active-2px: 2px solid #5b90bb;
--border-window-default-thin: thin solid #17191d;
--border-navbar-menu-default-2px: 2px solid black; --border-navbar-menu-default-2px: 2px solid black;
--border-navbar-menu-active-2px: 2px solid #5b90bb; --border-navbar-menu-active-2px: 2px solid #5b90bb;
--border-menu-item-content-top-thin: thin solid #17191d; --border-menu-item-content-top-thin: thin solid #17191d;

4
web/share/css/window.css
View File

@@ -25,7 +25,7 @@ div.window {
outline: none; outline: none;
overflow: hidden; overflow: hidden;
position: fixed; position: fixed;
border: var(--border-window-thin); border: var(--border-window-default-2px);
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: var(--shadow-big); box-shadow: var(--shadow-big);
@@ -38,7 +38,7 @@ div.window-resizable {
resize: both; resize: both;
} }
div.window-active { div.window-active {
border: var(--border-intensive-2px) !important; border: var(--border-window-active-2px) !important;
} }
div.window-resizable.window-active::-webkit-resizer { div.window-resizable.window-active::-webkit-resizer {
width: 0; width: 0;