@runeya/runeya
Version:
Monitor processes as a stack
2 lines (1 loc) • 9.03 kB
CSS
.progress[data-v-3bbda6b0]{padding:3px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:100px;background:#dfdfdf;-webkit-box-shadow:inset 0 1px 2px 2px #ccc;box-shadow:inset 0 1px 2px 2px #ccc}.progress-bar[data-v-3bbda6b0]{height:10px;width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(var(--system-primary400)),to(var(--system-primary400-darkest)));background-image:linear-gradient(to bottom,var(--system-primary400),var(--system-primary400-darkest));border-radius:100px;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width;transition-property:width;background-color:#0054bc}.card-root[data-v-bebaadaf]{width:300px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden}.card-root.mini[data-v-bebaadaf]{border-radius:1000px}.card-root.mini .card-container[data-v-bebaadaf]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.card-root[data-v-bebaadaf]:before,.card-root[data-v-bebaadaf]:after{content:"";width:150%;height:75%;border-radius:100%;position:absolute;top:0;right:-100%;-webkit-transform:rotate(20deg);transform:rotate(20deg);-webkit-transform-origin:top;transform-origin:top}.card-root[data-v-bebaadaf]:after{height:45%}.card-root .card-container[data-v-bebaadaf]{width:100%;z-index:1;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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.card-root.blue[data-v-bebaadaf]{background:var(--system-tertiary400);background:linear-gradient(93deg,var(--system-tertiary400) 0%,var(--system-tertiary600) 100%);color:#fff}.card-root.purple[data-v-bebaadaf]{background:var(--system-primary400);background:linear-gradient(93deg,var(--system-primary400) 0%,var(--system-primary600) 100%);color:#fff}.card-root.orange[data-v-bebaadaf]{background:var(--system-secondary400);background:linear-gradient(93deg,var(--system-secondary400) 0%,var(--system-secondary600) 100%);color:#fff}.notification-bell-root[data-v-c97a762b]{font-size:1.4em;margin-bottom:10px;margin-right:5px;cursor:pointer;-webkit-transition:.3s;transition:.3s}.notification-bell-root[data-v-c97a762b]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.section-not-started[data-v-f185c830]{-webkit-box-shadow:10px 10px 20px rgba(0,0,0,.1);box-shadow:10px 10px 20px #0000001a}.stack-single[data-v-f185c830]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:hidden}.stack-single .main[data-v-f185c830]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;margin:auto auto 20px;overflow:auto;scroll-behavior:smooth}.stack-single .main .header[data-v-f185c830]{width:100%;height:85px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px calc(5% + 10px);font-weight:700;position:relative;color:#fff;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.stack-single .main .header .left[data-v-f185c830]{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-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.stack-single .main .header .left .title[data-v-f185c830]{font-size:2em;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.stack-single .main .header .left .description[data-v-f185c830]{color:#97d8ff;font-weight:500}.stack-single .main .header .right[data-v-f185c830]{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-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-negative:0;flex-shrink:0}.stack-single .main .header .right img[data-v-f185c830]{width:18px;height:18px;-webkit-filter:invert(1);filter:invert(1)}.stack-single .main .header .right img.filter-dark[data-v-f185c830]{-webkit-filter:grayscale(1) opacity(.7);filter:grayscale(1) opacity(.7)}.stack-single .main .header .right .icons[data-v-f185c830]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.stack-single .main .header .right i[data-v-f185c830]{color:#fff;font-size:18px}.stack-single .main .header .right i[data-v-f185c830],.stack-single .main .header .right img[data-v-f185c830]{cursor:pointer;-webkit-transition:.3s;transition:.3s}.stack-single .main .header .right i[data-v-f185c830]:hover,.stack-single .main .header .right img[data-v-f185c830]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.stack-single .main .header[data-v-f185c830]:before{content:"";z-index:-1;position:absolute;top:0;left:0;border-bottom:3px solid #214f6b;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:linear-gradient(93deg,var(--system-primary400) 0%,var(--system-primary700) 100%);width:100%;height:calc(100% + 30px)}.stack-single .main .sections[data-v-f185c830]{margin:auto;overflow:auto;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.system-cards[data-v-f185c830]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}@media (max-width: 1300px){.system-cards .to-hide-for-small-screen[data-v-f185c830]{display:none}}.system-cards .card i[data-v-f185c830]{font-size:20px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.system-cards .card:hover .hovered[data-v-f185c830]{max-width:100px}.system-cards .card button[data-v-f185c830]{-webkit-box-shadow:none;box-shadow:none}.system-cards .card .hovered[data-v-f185c830]{position:absolute;top:0;left:0;-webkit-transition:.3s;transition:.3s;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;text-align:center;width:100%;height:100%;-webkit-backdrop-filter:blur(10px) brightness(.5);backdrop-filter:blur(10px) brightness(.5);z-index:1;font-weight:700;max-width:0;overflow:hidden}.system-cards .restart-stop-card button[data-v-f185c830]{border-radius:1000px;background:#0000003d;width:100%;text-align:center;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}.system-cards .restart-stop-card button:hover span[data-v-f185c830]{visibility:visible;max-width:100px}.system-cards .restart-stop-card button span[data-v-f185c830]{visibility:hidden;max-width:0;overflow:hidden;-webkit-transition:.3s;transition:.3s}.system-cards .restart-stop-card button[data-v-f185c830]:hover{-webkit-box-shadow:2px 2px 0px rgba(0,0,0,.3);box-shadow:2px 2px #0000004d}.progress-container[data-v-f185c830]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-container label[data-v-f185c830]{width:60px}.tabs[data-v-f185c830]{margin-top:20px}.tabs .tab[data-v-f185c830]{padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);height:100%}.rotate[data-v-f185c830]{-webkit-animation:rotation-f185c830 2s infinite;animation:rotation-f185c830 2s infinite}@-webkit-keyframes rotation-f185c830{0%{-webkit-transform:rotateZ(0);transform:rotate(0)}to{-webkit-transform:rotateZ(360deg);transform:rotate(360deg)}}@keyframes rotation-f185c830{0%{-webkit-transform:rotateZ(0);transform:rotate(0)}to{-webkit-transform:rotateZ(360deg);transform:rotate(360deg)}}.dynamic-loader[data-v-f185c830]{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;height:200px;width:100%}.dynamic-loader .loader-content[data-v-f185c830]{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-align:center;-ms-flex-align:center;align-items:center;gap:12px;color:var(--system-primary600);font-weight:500}.dynamic-loader .loader-content .loader-icon[data-v-f185c830]{font-size:24px;-webkit-animation:rotation-f185c830 1s linear infinite;animation:rotation-f185c830 1s linear infinite}.dynamic-loader .loader-content span[data-v-f185c830]{font-size:14px;opacity:.8}