@bull-board/ui
Version:
A Dashboard UI built on top of bull or bullmq.
1 lines • 15.4 kB
CSS
.card-xqyZlH{background-color:var(--card-bg);box-shadow:var(--card-shadow);border-radius:.25rem;min-width:0;padding:1em;display:flex}.details-LkCTWS{flex-direction:column;height:100%;display:flex}.tabActions-fF3v6_{margin:var(--card-padding)0;gap:.5rem;padding:0;list-style:none;display:flex}.tabContent-qmHNgq::-webkit-scrollbar{width:.5rem}.tabContent-qmHNgq::-webkit-scrollbar-track{background:var(--details-scrollbar-track-bg);padding:2px}.tabContent-qmHNgq::-webkit-scrollbar-thumb{background-color:var(--details-scrollbar-thumb-bg);border-radius:4px}.tabContent-qmHNgq{background-color:#0000000f;border-radius:.25rem;flex:1;max-width:calc(100% - 96px);min-height:0;position:relative;overflow:auto}.tabContent-qmHNgq .error{color:var(--details-error-color)}.tabContent-qmHNgq .warn{color:var(--details-warn-color)}.tabContent-qmHNgq pre{margin:0;padding:.5rem}.tabContent-qmHNgq>div:not([class]),.tabContent-qmHNgq>.error{padding:.5rem}@media (max-width:768px){.tabContent-qmHNgq{max-width:100%}.tabActions-fF3v6_{padding:var(--card-padding);margin:0 calc(var(--card-padding)*-1)var(--card-padding);display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}}.codeContainerWrapper-ZpYBAP{align-items:flex-start;display:flex}.codeContainerWrapper-ZpYBAP pre{flex:1}.copyBtn-vLoi5u{opacity:0;transition:opacity .15s ease-in}.codeContainerWrapper-ZpYBAP:hover .copyBtn-vLoi5u{opacity:1}._GzYRV{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;line-height:1.2}._3eOF8{margin-right:5px;font-weight:700}._3eOF8+._3eOF8{margin-left:-5px}._1MFti{cursor:pointer}._f10Tu{-webkit-user-select:none;user-select:none;margin-right:5px;font-size:1.2em}._1UmXx:after{content:"▸"}._1LId0:after{content:"▾"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0 10px;padding:0}._1MGIk{color:#000;margin-right:5px;font-weight:600}._3uHL6{color:#000}._2T6PJ,._1Gho6{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._oLqym,._2AXVT,._2KJWg{color:#000}._11RoI{background:#002b36}._17H2C,._3QHg2,._3fDAz{color:#fdf6e3}._2bSDX{color:#fdf6e3;margin-right:5px;font-weight:bolder}._gsbQL{color:#fdf6e3}._LaAZe,._GTKgm{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}.copyBtn-S91mHH svg{width:16px;height:16px;color:var(--text-color);fill:currentColor}.copied-Eowyzo svg{color:var(--completed)}.root-Eyiful{padding:.5rem;font-family:monospace;font-size:1rem;line-height:1.5;position:relative}.content-K6N1cP{min-width:100%;display:inline-block;overflow-x:auto}.container-_LjKnx{margin-left:.5em;line-height:1.25;position:relative}.basicChildStyle-tTpXD4{margin:0 0 0 1em;padding:0;position:relative}.collapseIcon-PhouWI,.expandIcon-RZtdZD{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-color);font-size:1.2em;position:absolute;top:-2px;left:-1em}.expandIcon-RZtdZD:after{content:"▸"}.collapseIcon-PhouWI:after{content:"▾"}.collapsedContent-wxaP6v{color:var(--card-text-secondary-color);margin-right:5px;font-style:italic}.collapsedContent-wxaP6v:after{content:"...";font-size:.8em}.label-ymbP05{color:var(--hl-type);margin-right:.25rem}.punctuation-SIrhOo{color:var(--card-text-secondary-color)}.stringValue-jX0CHZ{color:var(--hl-string)}.numberValue-FVYrm4{color:var(--hl-number)}.booleanValue-Gs5QuZ{color:var(--hl-keyword)}.nullValue-Z9oy6o,.undefinedValue-YPfHsD{color:var(--hl-meta)}.otherValue-gr22aS{color:var(--text-color)}.copyBtn-CoPL0E{background:var(--button-default-hover-bg);border:1px solid var(--separator-color);cursor:pointer;opacity:0;border-radius:.25rem;padding:.5rem;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem}.root-Eyiful:hover .copyBtn-CoPL0E{opacity:1}.copyBtn-CoPL0E:hover{background:var(--button-default-active-bg)}@media (max-width:768px){.copyBtn-CoPL0E{opacity:.5}}.timeline-lF9niS{text-align:right;border:0;border-right:2px solid;border-image:linear-gradient(to bottom,var(--card-bg),var(--separator-color)10%,var(--separator-color)90%,var(--card-bg))1 100%;color:var(--card-text-secondary-color);height:100%;margin:0;padding:1.5rem 1rem 1.5rem 0;font-weight:300;list-style:none}.timeline-lF9niS li{display:block}.timeline-lF9niS li+li{margin-top:1.5rem}.timeline-lF9niS li>time{color:var(--accent-color-d1);position:relative}.timeline-lF9niS li>time:before{content:"";background-color:var(--card-text-secondary-color);border:3px solid var(--card-bg);border-radius:100%;width:.5rem;height:.5rem;margin-top:-.5rem;position:absolute;top:50%;right:-1.5rem}.timeline-lF9niS li>small{line-height:1;display:block}.timeline-lF9niS li>small+small{margin-top:1.5rem}.timelineWrapper-iZqG0C{flex:1;position:relative}.jobLogs-MsL4aJ{flex-direction:column;height:100%;margin:0;display:flex;overflow:hidden}.preWrapper-V9RpQs{flex:1;min-height:0;padding:0 .5rem .5rem;overflow:auto}.preWrapper-V9RpQs ol{white-space:pre-wrap;word-break:break-all;display:block}.preWrapper-V9RpQs pre{margin:0}.preWrapper-V9RpQs ol li{padding:.25em .5rem .25em 1rem;transition:background-color .1s}.preWrapper-V9RpQs ol li:hover{background-color:#ffffff0a}.preWrapper-V9RpQs ol li::marker{color:var(--job-logs-marker-color);content:attr(data-line-number)}.jobLogs-MsL4aJ::-webkit-scrollbar{width:.5rem}.jobLogs-MsL4aJ::-webkit-scrollbar-track{background:var(--job-logs-scrollbar-track-bg);padding:2px}.jobLogs-MsL4aJ::-webkit-scrollbar-thumb{background-color:var(--job-logs-scrollbar-thumb-bg);border-radius:4px}.toolbar-duDU2f{align-items:center;gap:.5rem;margin:0;padding:.5rem;list-style:none;display:flex}.toolbar-duDU2f>li:first-child{flex:1}.toolbar-duDU2f>li button{height:100%}.jobLogs-MsL4aJ:-webkit-full-screen .toolbar-duDU2f{padding:1rem}.jobLogs-MsL4aJ:fullscreen .toolbar-duDU2f{padding:1rem}.jobLogs-MsL4aJ:-webkit-full-screen .preWrapper-V9RpQs{padding:0 1rem 1rem}.jobLogs-MsL4aJ:fullscreen .preWrapper-V9RpQs{padding:0 1rem 1rem}.searchBar-N4o70g{width:100%;height:2rem;color:var(--text-color);background:var(--input-bg);border:1px solid var(--input-border);border-radius:.25rem;outline:none;padding:0 .5rem;font-family:inherit;font-size:.8rem;transition:border-color .12s}.searchBar-N4o70g:focus{border-color:var(--input-focus-border)}.searchBar-N4o70g::placeholder{color:var(--card-text-secondary-color)}.logLineCopyButton-LnHhmG svg{vertical-align:middle;width:12px;height:12px}.emptyState-W3badU{color:var(--card-text-secondary-color);justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:.875rem;display:flex}.logLineCopyButton-LnHhmG{opacity:0;margin-inline-start:1ch;transition:opacity .15s;padding:.2rem}.preWrapper-V9RpQs ol li:hover .logLineCopyButton-LnHhmG{opacity:1}@media (max-width:768px){.logLineCopyButton-LnHhmG{opacity:.5}}.timeline-_2T35a{max-width:50%}.tooltip-QJB3Pz{position:relative}.tooltip-QJB3Pz:before{content:attr(data-title);background-color:var(--tooltip-bg);color:var(--tooltip-text-color);pointer-events:none;opacity:0;z-index:2;white-space:nowrap;border-radius:.285714rem;margin-bottom:.75rem;padding:.2em .75em;font-size:.833rem;font-weight:300;transition:transform .25s ease-in-out,opacity .25s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-25%)}.tooltip-QJB3Pz:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.jobActions-XfoQK8{margin:0;padding:0;list-style:none;display:flex}.jobActions-XfoQK8 li+li{margin-left:.5rem}.jobActions-XfoQK8 .button-GXX8BV{padding:.5rem}.progress-Rr7sCM{width:80px;height:80px}.progress-Rr7sCM circle{fill:none;transition:stroke-dashoffset .5s ease-in-out}.progress-Rr7sCM circle:first-child{stroke:var(--separator-color)}.progress-Rr7sCM circle.failed-rTUpGj{stroke:var(--failed)}.progress-Rr7sCM circle.success-RY6h2q{stroke:var(--completed)}.progress-Rr7sCM text{fill:var(--card-text-secondary-color);font-family:inherit;font-size:1.3rem;font-weight:300}@media (max-width:768px){.progress-Rr7sCM{width:60px;height:60px}.progress-Rr7sCM text{font-size:1rem}}.card-BRjpw_{background-color:var(--card-bg);box-shadow:var(--card-shadow);padding:var(--card-padding);border-radius:.25rem;flex-direction:column;max-height:500px;display:flex;position:relative}.card-BRjpw_+.card-BRjpw_{margin-top:var(--body-padding)}.contentWrapper-Aj9Wmy{flex-direction:column;flex:1;display:flex}.jobName-t8DcMf{margin:0;font-size:1rem;font-weight:500;line-height:1.3}.sideInfo-a9IFbv span{font-size:1.2rem;font-weight:300;line-height:1}.jobName-t8DcMf span{color:var(--card-text-secondary-color);margin-left:.75rem;font-size:.8em;font-weight:400}.header-Lw4QCc{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.headerActions-BHD8mS{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.statusDot-JKWQae{border-radius:50%;flex-shrink:0;align-self:center;width:.5rem;height:.5rem}.jobId-bLy5Ry{color:var(--card-text-secondary-color);letter-spacing:-.02em;font-family:monospace;font-size:.8rem;font-weight:400}.jobNameInline-ZJ3YIs{color:var(--card-text-color);letter-spacing:normal;font-family:inherit;font-size:1rem;font-weight:500}.details-JRsI9B{z-index:1;width:100%;max-height:420px;margin-top:.75rem;display:flex}.sideInfo-a9IFbv{flex-direction:column;flex-shrink:0;width:160px;padding-right:1.5rem;display:flex}.collapseBtn-J6rMz7{flex-shrink:0;padding:.25rem .5rem}.content-SHI77x{flex:1;overflow:hidden}.progress-POOya3{bottom:var(--card-padding);right:var(--card-padding);position:absolute}.jobLink-wmCWQg{color:inherit;align-items:baseline;gap:.5rem;min-width:0;text-decoration:none;display:flex}.jobLink-wmCWQg:hover{text-decoration:underline}.titleWithLink-UFeEb7{align-items:baseline;gap:.5rem;min-width:0;display:flex;overflow:hidden}.externalLink-dX0ReW{color:inherit;border-radius:.25rem;align-items:center;margin-left:.5rem;padding:.25rem .35rem;text-decoration:none;transition:background-color .15s ease-in-out;display:inline-flex}.groupPill-dKGnlb{background-color:var(--button-default-hover-bg);color:var(--card-text-secondary-color);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;border-radius:.75rem;align-items:center;max-width:14rem;padding:.1rem .45rem;font-family:monospace;font-size:.75rem;display:inline-flex;overflow:hidden}.externalLink-dX0ReW:hover,.externalLink-dX0ReW:focus{background-color:var(--button-default-hover-bg)}.externalLink-dX0ReW>svg{fill:var(--button-icon-fill)}@media (max-width:768px){.card-BRjpw_{max-height:none;overflow:visible}.details-JRsI9B{flex-direction:column;max-height:none;margin-top:.5rem;overflow:visible}.sideInfo-a9IFbv{text-align:left;flex-shrink:1;order:1;width:100%;padding-bottom:1rem;padding-right:0}.contentWrapper-Aj9Wmy{flex:none;order:2;overflow:visible}.content-SHI77x{position:relative;overflow:visible}.progress-POOya3{bottom:.5rem;right:.5rem}.jobName-t8DcMf{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.95rem;overflow:hidden}.jobId-bLy5Ry,.jobNameInline-ZJ3YIs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jobLink-wmCWQg{min-width:0;overflow:hidden}}.pagination-Jxux8S{flex-direction:row;margin:0;padding:0;list-style:none;display:flex}.pagination-Jxux8S li+li{margin-left:.25em}.pagination-Jxux8S li{line-height:normal}.pagination-Jxux8S a{color:inherit;border-radius:.285714rem;padding:.6em .928571em;line-height:1;text-decoration:none;transition:background-color .15s ease-in-out;display:flex}.pagination-Jxux8S a:hover,.pagination-Jxux8S a:focus{background-color:var(--button-default-hover-bg)}.pagination-Jxux8S a:active,.pagination-Jxux8S li.isActive-mi6SmB a{background-color:var(--button-default-active-bg)}.pagination-Jxux8S a svg{vertical-align:middle;fill:currentColor;height:1em;display:inline-block}.pagination-Jxux8S li.disabled-AC9vJS{opacity:.45;pointer-events:none}@media (max-width:768px){.pagination-Jxux8S{justify-content:space-evenly;width:100%}.pagination-Jxux8S li+li{margin-left:0}}.queueActions-dnGfku{margin:0;padding:0;list-style:none;display:flex}.queueActions-dnGfku>li+li{margin-left:.25rem}.queueActions-dnGfku .button-nYphDd>svg{fill:var(--card-text-secondary-color);margin:-.25em .5em 0 0}.queueActions-dnGfku .button-nYphDd:hover>svg,.queueActions-dnGfku .button-nYphDd:focus>svg{fill:var(--accent-color-d1)}.trigger-GNtOnV{justify-self:flex-end;margin-bottom:.25em;padding:.5em .65em}.danger-GDAQpl{color:var(--failed)}.danger-GDAQpl>svg{fill:currentColor!important}@media (max-width:768px){.trigger-GNtOnV{min-width:42px;min-height:42px;margin-bottom:0}}.statusBar-a5jlNu{border-bottom:2px solid var(--status-menu-border-color);align-items:center;margin-bottom:.75rem;display:flex;position:relative}.statusTabs-hBbuDg{scrollbar-width:none;flex-wrap:nowrap;flex:1;min-width:0;margin:0;padding:0 .5rem;list-style:none;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}.tabsWrapper-fF1t9Y{flex:1;min-width:0}.statusTabs-hBbuDg::-webkit-scrollbar{display:none}.statusTabs-hBbuDg>li{align-items:center;display:flex}.statusTabs-hBbuDg>li>a{color:var(--status-menu-text);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:.4em;margin:0 0 -2px;padding:.5em .75em;font-size:.9rem;text-decoration:none;transition:background-color .1s,border-bottom-color .2s ease-in-out,color .1s;display:flex}.statusTabs-hBbuDg>li>a:hover,.statusTabs-hBbuDg>li>a:active{border-color:var(--status-menu-hover-text);background-color:var(--button-default-hover-bg)}.statusTabs-hBbuDg>li>a.isActive-C2L583{border-color:var(--status-menu-active-border);color:var(--status-menu-active-text);background-color:color-mix(in srgb,var(--status-menu-active-border)8%,transparent);font-weight:500}.statusTabs-hBbuDg>li>a>span{white-space:nowrap}.statusTabs-hBbuDg>li>a>span[data-text]:before{content:attr(data-text);visibility:hidden;height:0;font-weight:600;display:block;overflow:hidden}.dot-N_ddYO{background-color:var(--dot-color);border-radius:50%;flex-shrink:0;width:.45rem;height:.45rem}.badge-megf05{background-color:var(--badge-bg);color:var(--badge-text-color);text-align:center;border-radius:500rem;padding:.2em .6em;font-size:.75rem;font-weight:400;line-height:1em;display:inline-block}.trailing-FZwfmt{flex-shrink:0;margin-left:auto;padding-left:.5rem}.waiting-RxEe57{--dot-color:var(--waiting)}.waitingChildren-dnj_C6{--dot-color:var(--waiting-children)}.prioritized-G0QP5n{--dot-color:var(--prioritized)}.active-t_bCgg{--dot-color:var(--active)}.failed-UAbaoZ{--dot-color:var(--failed)}.completed-kcKLT0{--dot-color:var(--completed)}.delayed-OgFXqU{--dot-color:var(--delayed)}.paused-aQsd6J{--dot-color:var(--paused)}@media (max-width:768px){.statusTabs-hBbuDg>li>a{padding:.5em .6em;font-size:.8rem}}.stickyHeader-Woc0cg{top:var(--header-height);z-index:2;background-color:var(--body-bg);margin:0 calc(var(--body-padding)*-1);padding:0 var(--body-padding);position:sticky}.actionContainer-gipYSV{justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.actionContainer-gipYSV:empty{display:none}@media (max-width:768px){.actionContainer-gipYSV{flex-direction:column;align-items:stretch;gap:.5rem}}