mirror of
https://github.com/pyMC-dev/pyMC_Repeater.git
synced 2026-06-29 14:31:53 +02:00
Lloyd
2 lines
6.3 KiB
CSS
2 lines
6.3 KiB
CSS
.sparkline-card[data-v-9b0980f5]{background:color-mix(in srgb, var(--color-surface) 75%, transparent);border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 4px 16px color-mix(in srgb, var(--color-background) 18%, transparent), 0 1px 3px color-mix(in srgb, var(--color-background) 10%, transparent);border-radius:12px;padding:12px 14px;transition:background .3s,border-color .3s,box-shadow .3s;overflow:hidden}.dark .sparkline-card[data-v-9b0980f5]{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);box-shadow:0 4px 16px color-mix(in srgb, var(--color-background) 35%, transparent)}.card-header[data-v-9b0980f5]{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.card-title[data-v-9b0980f5]{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500;transition:color .3s}.dark .card-title[data-v-9b0980f5]{color:var(--color-text-muted)}.card-value[data-v-9b0980f5]{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.card-values[data-v-9b0980f5]{align-items:baseline;gap:6px;display:flex}.card-secondary-value[data-v-9b0980f5]{font-variant-numeric:tabular-nums;opacity:.85;font-size:13px;font-weight:600;line-height:1}.card-chart[data-v-9b0980f5]{width:100%;height:28px;overflow:hidden}.card-chart canvas[data-v-9b0980f5]{width:100%!important;height:100%!important}@media (width>=1024px){.sparkline-card[data-v-9b0980f5]{padding:14px 16px}.card-header[data-v-9b0980f5]{margin-bottom:10px}.card-title[data-v-9b0980f5]{font-size:12px}.card-value[data-v-9b0980f5]{font-size:26px}.card-chart[data-v-9b0980f5]{height:32px}}.stats-cards-container[data-v-c0acbf34]{will-change:auto;contain:layout}.stat-card[data-v-c0acbf34]{transition:opacity .3s ease-out}.stat-card[data-v-c0acbf34] .text-lg,.stat-card[data-v-c0acbf34] .text-\[30px\]{transition:color .2s ease-out}canvas[data-v-62255740]{width:100%;height:100%}.hop-connector[data-v-5fc98e84]{justify-content:center;align-items:center;width:1.2rem;height:.8rem;margin:0 .1rem;display:inline-flex;position:relative}.hop-rabbit[data-v-5fc98e84]{width:.65rem;height:.65rem}.hop-connector-forward[data-v-5fc98e84]{color:color-mix(in srgb, var(--color-accent-cyan) 95%, transparent)}.hop-connector-forward .hop-rabbit[data-v-5fc98e84]{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-accent-cyan) 50%, transparent))}.hop-connector-drop[data-v-5fc98e84]{color:color-mix(in srgb, var(--color-secondary) 95%, transparent)}.hop-connector-drop .hop-rabbit[data-v-5fc98e84]{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-secondary) 55%, transparent))}.hop-connector-received[data-v-5fc98e84]{color:color-mix(in srgb, var(--color-primary) 75%, transparent)}.hop-connector-received .hop-rabbit[data-v-5fc98e84]{opacity:.9}@media (width<=640px){.hop-connector[data-v-5fc98e84]{width:1rem;height:.7rem}.hop-rabbit[data-v-5fc98e84]{width:.55rem;height:.55rem}}.fade-enter-active[data-v-75d84ade],.fade-leave-active[data-v-75d84ade]{transition:opacity .3s ease-out,transform .3s ease-out}.fade-enter-from[data-v-75d84ade],.fade-leave-to[data-v-75d84ade]{opacity:0;transform:translateY(-10px)}.packet-list-enter-active[data-v-75d84ade],.packet-list-leave-active[data-v-75d84ade],.packet-list-move[data-v-75d84ade]{transition:all .4s ease-out}.packet-list-enter-from[data-v-75d84ade]{opacity:0;transform:translateY(-30px)scale(.98)}.packet-list-enter-to[data-v-75d84ade],.packet-list-leave-from[data-v-75d84ade]{opacity:1;transform:translateY(0)scale(1)}.packet-list-leave-to[data-v-75d84ade]{opacity:0;transform:translateY(-20px)scale(.95)}.packet-row[data-v-75d84ade]{transition:all .3s;position:relative}.packet-list-enter-active .packet-row[data-v-75d84ade]{background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent-green) 10%, transparent) 0%, color-mix(in srgb, var(--color-accent-green) 5%, transparent) 50%, transparent 100%);box-shadow:0 0 20px color-mix(in srgb, var(--color-accent-green) 20%, transparent);border-left:3px solid color-mix(in srgb, var(--color-accent-green) 60%, transparent);border-radius:8px;padding-left:12px}.packet-row[data-v-75d84ade]:hover{background:color-mix(in srgb, var(--color-surface) 20%, transparent);border-radius:8px;transition:background .2s}@media (width<=1023px){.filter-container[data-v-75d84ade]{flex-direction:column;align-items:stretch;gap:1rem}.header-info[data-v-75d84ade]{flex-direction:column;align-items:flex-start;gap:.5rem}.packet-count[data-v-75d84ade]{order:1}.live-mode-badge[data-v-75d84ade]{order:2;align-self:flex-start}.loading-indicator[data-v-75d84ade],.error-indicator[data-v-75d84ade]{order:3;align-self:flex-start}.filter-controls[data-v-75d84ade]{flex-direction:column;grid-template-columns:1fr 1fr;gap:.75rem;display:grid!important}.filter-controls .flex.flex-col[data-v-75d84ade]{flex-direction:column;align-items:stretch;gap:.25rem}.filter-controls .flex.flex-col label[data-v-75d84ade]{margin-bottom:0;font-size:.75rem}.reset-container[data-v-75d84ade]{justify-content:center;margin-top:.5rem;display:flex;grid-column:span 2!important}.pagination-container[data-v-75d84ade]{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info[data-v-75d84ade]{text-align:center;flex-direction:column;justify-content:center;gap:.5rem}.load-more-section[data-v-75d84ade]{justify-content:center}.load-more-count[data-v-75d84ade]{display:none}.pagination-controls[data-v-75d84ade]{justify-content:center}.page-numbers[data-v-75d84ade]{scrollbar-width:none;-ms-overflow-style:none;max-width:200px;overflow-x:auto}.page-numbers[data-v-75d84ade]::-webkit-scrollbar{display:none}.ellipsis[data-v-75d84ade]{display:none}.page-number[data-v-75d84ade]{flex-shrink:0;min-width:40px}}@media (width<=640px){.filter-controls[data-v-75d84ade]{gap:.75rem;grid-template-columns:1fr!important}.reset-container[data-v-75d84ade]{grid-column:span 1!important}.header-info h3[data-v-75d84ade]{font-size:1.125rem}.packet-count[data-v-75d84ade]{font-size:.75rem}.live-mode-badge[data-v-75d84ade]{padding:.25rem .5rem;font-size:.75rem}.pagination-info span[data-v-75d84ade]{font-size:.75rem}.prev-next-btn[data-v-75d84ade]{min-width:40px;padding:.5rem}.page-numbers[data-v-75d84ade]{gap:.25rem;max-width:150px}.page-number[data-v-75d84ade]{min-width:36px;padding:.5rem .25rem;font-size:.75rem}.load-more-section button[data-v-75d84ade]{padding:.375rem .75rem;font-size:.6rem}}
|