forked from iarv/pyMC_Repeater
2 lines
5.7 KiB
CSS
2 lines
5.7 KiB
CSS
.sparkline-card[data-v-bcd5cf93]{background:#ffffffbf;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #0000000a,0 1px 3px #00000005}.dark .sparkline-card[data-v-bcd5cf93]{background:#0006;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 16px #0003}.card-header[data-v-bcd5cf93]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.card-title[data-v-bcd5cf93]{color:#4b5563b3;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.dark .card-title[data-v-bcd5cf93]{color:#fff9}.card-value[data-v-bcd5cf93]{font-size:22px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.card-chart[data-v-bcd5cf93]{width:100%;height:28px;overflow:hidden}.card-chart canvas[data-v-bcd5cf93]{width:100%!important;height:100%!important}@media (min-width: 1024px){.sparkline-card[data-v-bcd5cf93]{padding:14px 16px}.card-header[data-v-bcd5cf93]{margin-bottom:10px}.card-title[data-v-bcd5cf93]{font-size:12px}.card-value[data-v-bcd5cf93]{font-size:26px}.card-chart[data-v-bcd5cf93]{height:32px}}.stats-cards-container[data-v-b87cc7f8]{will-change:auto;contain:layout}.stat-card[data-v-b87cc7f8]{transition:opacity .3s ease-out}.stat-card[data-v-b87cc7f8] .text-lg,.stat-card[data-v-b87cc7f8] .text-\[30px\]{transition:color .2s ease-out}canvas[data-v-0aca4e12]{width:100%;height:100%}.modal-enter-active[data-v-7f139e4b]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-leave-active[data-v-7f139e4b]{transition:all .2s ease-in}.modal-enter-from[data-v-7f139e4b]{opacity:0;transform:scale(.95) translateY(-10px)}.modal-leave-to[data-v-7f139e4b]{opacity:0;transform:scale(1.05)}.custom-scrollbar[data-v-7f139e4b]{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.custom-scrollbar[data-v-7f139e4b]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-7f139e4b]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.custom-scrollbar[data-v-7f139e4b]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.custom-scrollbar[data-v-7f139e4b]::-webkit-scrollbar-thumb:hover{background:#fff6}.glass-card[data-v-7f139e4b]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.fade-enter-active[data-v-ec32abd6],.fade-leave-active[data-v-ec32abd6]{transition:opacity .3s ease-out,transform .3s ease-out}.fade-enter-from[data-v-ec32abd6],.fade-leave-to[data-v-ec32abd6]{opacity:0;transform:translateY(-10px)}@keyframes spin-ec32abd6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin[data-v-ec32abd6]{animation:spin-ec32abd6 .8s linear infinite}.packet-list-enter-active[data-v-ec32abd6],.packet-list-leave-active[data-v-ec32abd6],.packet-list-move[data-v-ec32abd6]{transition:all .4s ease-out}.packet-list-enter-from[data-v-ec32abd6]{opacity:0;transform:translateY(-30px) scale(.98)}.packet-list-enter-to[data-v-ec32abd6],.packet-list-leave-from[data-v-ec32abd6]{opacity:1;transform:translateY(0) scale(1)}.packet-list-leave-to[data-v-ec32abd6]{opacity:0;transform:translateY(-20px) scale(.95)}.packet-row[data-v-ec32abd6]{position:relative;transition:all .3s ease}.packet-list-enter-active .packet-row[data-v-ec32abd6]{background:linear-gradient(90deg,rgba(78,201,176,.1) 0%,rgba(78,201,176,.05) 50%,transparent 100%);box-shadow:0 0 20px #4ec9b033;border-left:3px solid rgba(78,201,176,.6);border-radius:8px;padding-left:12px}.packet-row[data-v-ec32abd6]:hover{background:#ffffff05;border-radius:8px;transition:background .2s ease}@media (max-width: 1023px){.filter-container[data-v-ec32abd6]{flex-direction:column;gap:1rem;align-items:stretch}.header-info[data-v-ec32abd6]{flex-direction:column;align-items:flex-start;gap:.5rem}.packet-count[data-v-ec32abd6]{order:1}.live-mode-badge[data-v-ec32abd6]{order:2;align-self:flex-start}.loading-indicator[data-v-ec32abd6],.error-indicator[data-v-ec32abd6]{order:3;align-self:flex-start}.filter-controls[data-v-ec32abd6]{display:grid!important;grid-template-columns:1fr 1fr;gap:.75rem;flex-direction:column}.filter-controls .flex.flex-col[data-v-ec32abd6]{flex-direction:column;align-items:stretch;gap:.25rem}.filter-controls .flex.flex-col label[data-v-ec32abd6]{margin-bottom:0;font-size:.75rem}.reset-container[data-v-ec32abd6]{grid-column:span 2!important;display:flex;justify-content:center;margin-top:.5rem}.pagination-container[data-v-ec32abd6]{flex-direction:column;gap:1rem;align-items:stretch}.pagination-info[data-v-ec32abd6]{justify-content:center;text-align:center;flex-direction:column;gap:.5rem}.load-more-section[data-v-ec32abd6]{justify-content:center}.load-more-count[data-v-ec32abd6]{display:none}.pagination-controls[data-v-ec32abd6]{justify-content:center}.page-numbers[data-v-ec32abd6]{max-width:200px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.page-numbers[data-v-ec32abd6]::-webkit-scrollbar{display:none}.ellipsis[data-v-ec32abd6]{display:none}.page-number[data-v-ec32abd6]{min-width:40px;flex-shrink:0}}@media (max-width: 640px){.filter-controls[data-v-ec32abd6]{grid-template-columns:1fr!important;gap:.75rem}.reset-container[data-v-ec32abd6]{grid-column:span 1!important}.header-info h3[data-v-ec32abd6]{font-size:1.125rem}.packet-count[data-v-ec32abd6]{font-size:.75rem}.live-mode-badge[data-v-ec32abd6]{font-size:.75rem;padding:.25rem .5rem}.pagination-info span[data-v-ec32abd6]{font-size:.75rem}.prev-next-btn[data-v-ec32abd6]{min-width:40px;padding:.5rem}.page-numbers[data-v-ec32abd6]{max-width:150px;gap:.25rem}.page-number[data-v-ec32abd6]{min-width:36px;padding:.5rem .25rem;font-size:.75rem}.load-more-section button[data-v-ec32abd6]{font-size:.6rem;padding:.375rem .75rem}}
|