diff --git a/shell.php b/shell.php index f8f41c3..6c586e2 100644 --- a/shell.php +++ b/shell.php @@ -118,6 +118,22 @@ function featureUpload($path, $file, $cwd) { color: #eee; font-family: monospace; } + + *::-webkit-scrollbar-track { + border-radius: 8px; + background-color: #353535; + } + + *::-webkit-scrollbar { + width: 8px; + height: 8px; + } + + *::-webkit-scrollbar-thumb { + border-radius: 8px; + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); + background-color: #bcbcbc; + } *::-webkit-scrollbar-track { border-radius: 8px; @@ -204,7 +220,8 @@ function featureUpload($path, $file, $cwd) { border-top: rgba(255, 255, 255, .05) solid 1px; } - #shell-input > label { + #shell-input > label, + #shell-environment > label { flex-grow: 0; display: block; padding: 0 5px; @@ -212,7 +229,9 @@ function featureUpload($path, $file, $cwd) { line-height: 30px; } - #shell-input #shell-cmd { + #shell-input #shell-cmd, + #shell-environment select, + #shell-environment button { height: 30px; line-height: 30px; border: none; @@ -229,9 +248,40 @@ function featureUpload($path, $file, $cwd) { align-items: stretch; } - #shell-input input { + #shell-input input, + #shell-environment select, + #shell-environment button { outline: none; } + + #shell-environment { + display: flex; + box-shadow: 0 1px 0 rgba(0, 0, 0, .3); + border-bottom: rgba(255, 255, 255, .05) solid 1px; + } + + #shell-environment span { + display: inline; + } + + #shell-environment button { + width: initial; + min-width: 35px; + font-weight: bold; + } + + #shell-environment select option { + background: #222; + } + + #shell-environment label, + #shell-environment button { + border-right: 1px solid rgba(255, 255, 255, .05); + } + + #shell-environment button:hover { + background: rgba(255, 255, 255, .05); + }
+
+ + + + + +