mirror of
https://github.com/pyMC-dev/pyMC_Repeater.git
synced 2026-07-05 17:32:33 +02:00
Lloyd
2 lines
5.6 KiB
CSS
2 lines
5.6 KiB
CSS
.sparkline-card[data-v-d5c09182]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffffbf;border:1px solid #0000000f;border-radius:12px;padding:12px 14px;transition:background .3s,border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 16px #0000000a,0 1px 3px #00000005}.dark .sparkline-card[data-v-d5c09182]{background:#0006;border:1px solid #ffffff0d;box-shadow:0 4px 16px #0003}.card-header[data-v-d5c09182]{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.card-title[data-v-d5c09182]{color:#4b5563b3;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500;transition:color .3s}.dark .card-title[data-v-d5c09182]{color:#fff9}.card-value[data-v-d5c09182]{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.card-values[data-v-d5c09182]{align-items:baseline;gap:6px;display:flex}.card-secondary-value[data-v-d5c09182]{font-variant-numeric:tabular-nums;opacity:.85;font-size:13px;font-weight:600;line-height:1}.card-chart[data-v-d5c09182]{width:100%;height:28px;overflow:hidden}.card-chart canvas[data-v-d5c09182]{width:100%!important;height:100%!important}@media (width>=1024px){.sparkline-card[data-v-d5c09182]{padding:14px 16px}.card-header[data-v-d5c09182]{margin-bottom:10px}.card-title[data-v-d5c09182]{font-size:12px}.card-value[data-v-d5c09182]{font-size:26px}.card-chart[data-v-d5c09182]{height:32px}}.stats-cards-container[data-v-98af05c6]{will-change:auto;contain:layout}.stat-card[data-v-98af05c6]{transition:opacity .3s ease-out}.stat-card[data-v-98af05c6] .text-lg,.stat-card[data-v-98af05c6] .text-\[30px\]{transition:color .2s ease-out}canvas[data-v-2e55952b]{width:100%;height:100%}.modal-enter-active[data-v-6e5b07b4]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-leave-active[data-v-6e5b07b4]{transition:all .2s ease-in}.modal-enter-from[data-v-6e5b07b4]{opacity:0;transform:scale(.95)translateY(-10px)}.modal-leave-to[data-v-6e5b07b4]{opacity:0;transform:scale(1.05)}.custom-scrollbar[data-v-6e5b07b4]{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent}.custom-scrollbar[data-v-6e5b07b4]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-6e5b07b4]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.custom-scrollbar[data-v-6e5b07b4]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.custom-scrollbar[data-v-6e5b07b4]::-webkit-scrollbar-thumb:hover{background:#fff6}.glass-card[data-v-6e5b07b4]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.fade-enter-active[data-v-7ad67706],.fade-leave-active[data-v-7ad67706]{transition:opacity .3s ease-out,transform .3s ease-out}.fade-enter-from[data-v-7ad67706],.fade-leave-to[data-v-7ad67706]{opacity:0;transform:translateY(-10px)}.packet-list-enter-active[data-v-7ad67706],.packet-list-leave-active[data-v-7ad67706],.packet-list-move[data-v-7ad67706]{transition:all .4s ease-out}.packet-list-enter-from[data-v-7ad67706]{opacity:0;transform:translateY(-30px)scale(.98)}.packet-list-enter-to[data-v-7ad67706],.packet-list-leave-from[data-v-7ad67706]{opacity:1;transform:translateY(0)scale(1)}.packet-list-leave-to[data-v-7ad67706]{opacity:0;transform:translateY(-20px)scale(.95)}.packet-row[data-v-7ad67706]{transition:all .3s;position:relative}.packet-list-enter-active .packet-row[data-v-7ad67706]{background:linear-gradient(90deg,#4ec9b01a 0%,#4ec9b00d 50%,#0000 100%);border-left:3px solid #4ec9b099;border-radius:8px;padding-left:12px;box-shadow:0 0 20px #4ec9b033}.packet-row[data-v-7ad67706]:hover{background:#ffffff05;border-radius:8px;transition:background .2s}@media (width<=1023px){.filter-container[data-v-7ad67706]{flex-direction:column;align-items:stretch;gap:1rem}.header-info[data-v-7ad67706]{flex-direction:column;align-items:flex-start;gap:.5rem}.packet-count[data-v-7ad67706]{order:1}.live-mode-badge[data-v-7ad67706]{order:2;align-self:flex-start}.loading-indicator[data-v-7ad67706],.error-indicator[data-v-7ad67706]{order:3;align-self:flex-start}.filter-controls[data-v-7ad67706]{flex-direction:column;grid-template-columns:1fr 1fr;gap:.75rem;display:grid!important}.filter-controls .flex.flex-col[data-v-7ad67706]{flex-direction:column;align-items:stretch;gap:.25rem}.filter-controls .flex.flex-col label[data-v-7ad67706]{margin-bottom:0;font-size:.75rem}.reset-container[data-v-7ad67706]{justify-content:center;margin-top:.5rem;display:flex;grid-column:span 2!important}.pagination-container[data-v-7ad67706]{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info[data-v-7ad67706]{text-align:center;flex-direction:column;justify-content:center;gap:.5rem}.load-more-section[data-v-7ad67706]{justify-content:center}.load-more-count[data-v-7ad67706]{display:none}.pagination-controls[data-v-7ad67706]{justify-content:center}.page-numbers[data-v-7ad67706]{scrollbar-width:none;-ms-overflow-style:none;max-width:200px;overflow-x:auto}.page-numbers[data-v-7ad67706]::-webkit-scrollbar{display:none}.ellipsis[data-v-7ad67706]{display:none}.page-number[data-v-7ad67706]{flex-shrink:0;min-width:40px}}@media (width<=640px){.filter-controls[data-v-7ad67706]{gap:.75rem;grid-template-columns:1fr!important}.reset-container[data-v-7ad67706]{grid-column:span 1!important}.header-info h3[data-v-7ad67706]{font-size:1.125rem}.packet-count[data-v-7ad67706]{font-size:.75rem}.live-mode-badge[data-v-7ad67706]{padding:.25rem .5rem;font-size:.75rem}.pagination-info span[data-v-7ad67706]{font-size:.75rem}.prev-next-btn[data-v-7ad67706]{min-width:40px;padding:.5rem}.page-numbers[data-v-7ad67706]{gap:.25rem;max-width:150px}.page-number[data-v-7ad67706]{min-width:36px;padding:.5rem .25rem;font-size:.75rem}.load-more-section button[data-v-7ad67706]{padding:.375rem .75rem;font-size:.6rem}}
|