GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 01:00:29 +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
Show Stats 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;
position: relative;
display: inline-block;
border: var(--border-window-thin);
border: var(--border-window-default-thin);
}
div.stream-box-offline {
-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;
word-wrap: break-word;
max-width: 400px;
border: var(--border-window-thin);
border: var(--border-window-default-thin);
border-radius: 8px;
box-sizing: border-box;
box-shadow: var(--shadow-big);

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

@ -37,7 +37,7 @@ div.modal div.modal-window {
outline: none;
margin: 15% auto;
overflow: hidden;
border: var(--border-window-thin);
border: var(--border-window-default-2px);
border-radius: 8px;
box-sizing: border-box;
box-shadow: var(--shadow-big);
@ -45,7 +45,7 @@ div.modal div.modal-window {
padding: 0;
}
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 {

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

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

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

@ -79,11 +79,14 @@
--border-hovered-2px: 2px solid #2a2d31;
--border-navbar-item-thin: thin solid black;
--border-control-thin: thin solid #17191d;
--border-window-thin: thin solid #17191d;
--border-key-thin: thin solid #202225;
--border-intensive-2px: 2px 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-active-2px: 2px solid #5b90bb;
--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;
overflow: hidden;
position: fixed;
border: var(--border-window-thin);
border: var(--border-window-default-2px);
border-radius: 8px;
box-sizing: border-box;
box-shadow: var(--shadow-big);
@ -38,7 +38,7 @@ div.window-resizable {
resize: both;
}
div.window-active {
border: var(--border-intensive-2px) !important;
border: var(--border-window-active-2px) !important;
}
div.window-resizable.window-active::-webkit-resizer {
width: 0;