github.com/aitjcize/Overlord@v0.0.0-20240314041920-104a804cf5e8/overlord/app/dashboard/css/style.css (about) 1 html, body, #main { 2 height: 100%; 3 width: 100%; 4 overflow: hidden; 5 } 6 7 .sidebar { 8 margin-left: 2%; 9 display: inline-block; 10 float: left; 11 width: 450px; 12 height: calc(100% - 120px); 13 } 14 15 .client-box { 16 height: 75%; 17 overflow: hidden; 18 } 19 20 .recent-box { 21 height: 25%; 22 } 23 24 .list-box { 25 width: 100%; 26 overflow-x: hidden; 27 } 28 29 .client-list { 30 max-height: calc(100% - 110px); 31 } 32 33 .recent-list { 34 max-height: calc(100% - 65px); 35 } 36 37 .filter-input { 38 margin: 5px 0px; 39 } 40 41 .client-info { 42 margin: 2px 0px; 43 padding: 2px; 44 position: relative; 45 } 46 47 .client-info-hidden { 48 display: none; 49 } 50 51 .client-info-mid { 52 display: inline-block; 53 width: 50ch; 54 font-family: monospace; 55 } 56 57 .client-info-buttons { 58 position: absolute; 59 right: 0px; 60 top: 0px; 61 background-color: white; 62 height: 20px; 63 } 64 65 .client-info-button { 66 display: inline-block; 67 opacity: 0.5; 68 cursor: pointer; 69 height: 16px; 70 line-height: 12px; 71 vertical-align: middle; 72 } 73 74 .client-info-button:hover { 75 opacity: 1.0; 76 } 77 78 .terminal-group { 79 position: fixed; 80 left: 25%; 81 top: 10%; 82 } 83 84 .fixture-group { 85 display: inline-block; 86 margin: -10px 10px 0px 10px; 87 width: calc(95% - 435px); 88 } 89 90 .upload-progress-bars { 91 position: fixed; 92 right: 50px; 93 bottom: 0px; 94 }