@iryu54/stack-monitor
Version:
Monitor processes as a stack
2 lines (1 loc) • 3.52 kB
CSS
.tabs[data-v-31f115b6]{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:calc(100vh - 220px)}.tabs.left[data-v-31f115b6]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tabs.left .buttons[data-v-31f115b6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content;max-height:100%;position:sticky;top:40px;margin:0}.tabs.left .buttons button[data-v-31f115b6]{height:45px;width:100%}.tabs.left .buttons button.active[data-v-31f115b6]{background-color:#00000080;border:0;background:var(--system-accent-backgroundColor1);background:linear-gradient(93deg,var(--system-accent-backgroundColor1) 0%,var(--system-accent-backgroundColor2) 100%);color:#fff}.buttons[data-v-31f115b6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;border-radius:5px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:auto auto 10px;-ms-flex-negative:0;flex-shrink:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:5px;background-color:var(--system-sections-backgroundColor);z-index:1;border:1px solid var(--system-border-borderColor)}.buttons button[data-v-31f115b6]{position:relative;outline:none;margin:0;color:var(--system-tertiary-color);-webkit-transition:.2s;transition:.2s;border-bottom:0;height:40px;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;font-size:1em;-webkit-box-shadow:none;box-shadow:none}.buttons button i[data-v-31f115b6]{font-size:1.2em}.buttons button.active[data-v-31f115b6]{border-radius:0;color:#777;background:var(--system-accent-backgroundColor1);background:linear-gradient(93deg,var(--system-accent-backgroundColor1) 0%,var(--system-accent-backgroundColor2) 100%);color:#fff}.buttons button label[data-v-31f115b6]{background-color:#fff;margin-left:10px;color:#0076bc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20px;height:20px;border-radius:50%;padding-top:2px;-webkit-box-sizing:border-box;box-sizing:border-box}.content[data-v-31f115b6]{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-x:hidden}.badge[data-v-31f115b6]{position:absolute;right:0;top:0;-webkit-transform:translateX(50%) translateY(-50%);transform:translate(50%) translateY(-50%);z-index:1;padding:0;width:20px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.badge.warning[data-v-31f115b6]{background-color:#e5b100}