mirror of
https://github.com/pyMC-dev/pyMC_Repeater.git
synced 2026-08-12 03:43:04 +02:00
Rightup
2 lines
9.5 KiB
CSS
2 lines
9.5 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-dff649e7]{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-e7af1e37],.fade-leave-active[data-v-e7af1e37]{transition:opacity .3s ease-out,transform .3s ease-out}.fade-enter-from[data-v-e7af1e37],.fade-leave-to[data-v-e7af1e37]{opacity:0;transform:translateY(-10px)}.packet-list-enter-active[data-v-e7af1e37],.packet-list-leave-active[data-v-e7af1e37],.packet-list-move[data-v-e7af1e37]{transition:all .4s ease-out}.packet-list-enter-from[data-v-e7af1e37]{opacity:0;transform:translateY(-30px)scale(.98)}.packet-list-enter-to[data-v-e7af1e37],.packet-list-leave-from[data-v-e7af1e37]{opacity:1;transform:translateY(0)scale(1)}.packet-list-leave-to[data-v-e7af1e37]{opacity:0;transform:translateY(-20px)scale(.95)}.packet-row[data-v-e7af1e37]{transition:all .3s;position:relative}.packet-list-enter-active .packet-row[data-v-e7af1e37]{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-e7af1e37]:hover{background:color-mix(in srgb, var(--color-surface) 20%, transparent);border-radius:8px;transition:background .2s}.duplicate-packet-row[data-v-e7af1e37]{background:linear-gradient(96deg, color-mix(in srgb, var(--color-primary) 11%, transparent) 0%, color-mix(in srgb, var(--color-primary) 8%, transparent) 26%, color-mix(in srgb, var(--color-primary) 5%, transparent) 52%, color-mix(in srgb, var(--color-primary) 3%, transparent) 74%, transparent 90%);border-left-width:3px}.duplicate-group-container[data-v-e7af1e37]{border:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border-subtle));background:linear-gradient(140deg, color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)) 0%, color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)) 38%, color-mix(in srgb, var(--color-primary) 3%, var(--color-surface)) 72%, color-mix(in srgb, var(--color-primary) 2%, var(--color-surface)) 100%)}.duplicate-group-expanded-row[data-v-e7af1e37]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 35%, transparent)}.duplicate-group-banner[data-v-e7af1e37]{border:1px dashed color-mix(in srgb, var(--color-primary) 45%, transparent);background:linear-gradient(92deg, color-mix(in srgb, var(--color-primary) 14%, transparent) 0%, color-mix(in srgb, var(--color-primary) 11%, transparent) 46%, color-mix(in srgb, var(--color-primary) 8%, transparent) 100%)}.mobile-packet-card[data-v-e7af1e37]{border:1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border-subtle));background:linear-gradient(142deg, color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)) 0%, color-mix(in srgb, var(--color-primary) 6%, var(--color-surface)) 48%, color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 24%, transparent), 0 10px 24px color-mix(in srgb, var(--color-background) 45%, transparent)}.mobile-path-chip[data-v-e7af1e37]{border:1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface))}.mobile-duplicate-icon-btn[data-v-e7af1e37]{box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary) 20%, transparent)}.mobile-metrics-grid[data-v-e7af1e37]{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-metric-cell[data-v-e7af1e37]{min-width:0;padding:0 .5rem}.mobile-metric-cell[data-v-e7af1e37]:first-child{padding-left:0}.mobile-metric-cell+.mobile-metric-cell[data-v-e7af1e37]{border-left:1px solid color-mix(in srgb, var(--color-border-subtle) 70%, transparent)}.dark{border-left-color:color-mix(in srgb, var(--color-border) 65%, transparent)}@media (width<=1023px){.filter-container[data-v-e7af1e37]{flex-direction:column;align-items:stretch;gap:1rem}.header-info[data-v-e7af1e37]{flex-direction:column;align-items:flex-start;gap:.5rem}.packet-count[data-v-e7af1e37]{order:1}.live-mode-badge[data-v-e7af1e37]{order:2;align-self:flex-start}.loading-indicator[data-v-e7af1e37],.error-indicator[data-v-e7af1e37]{order:3;align-self:flex-start}.filter-controls[data-v-e7af1e37]{flex-direction:column;grid-template-columns:1fr 1fr;gap:.75rem;display:grid!important}.filter-controls .flex.flex-col[data-v-e7af1e37]{flex-direction:column;align-items:stretch;gap:.25rem}.filter-controls .flex.flex-col label[data-v-e7af1e37]{margin-bottom:0;font-size:.75rem}.reset-container[data-v-e7af1e37]{justify-content:center;margin-top:.5rem;display:flex;grid-column:span 2!important}.pagination-container[data-v-e7af1e37]{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info[data-v-e7af1e37]{text-align:center;flex-direction:column;justify-content:center;gap:.5rem}.load-more-section[data-v-e7af1e37]{justify-content:center}.load-more-count[data-v-e7af1e37]{display:none}.pagination-controls[data-v-e7af1e37]{justify-content:center}.page-numbers[data-v-e7af1e37]{scrollbar-width:none;-ms-overflow-style:none;max-width:200px;overflow-x:auto}.page-numbers[data-v-e7af1e37]::-webkit-scrollbar{display:none}.ellipsis[data-v-e7af1e37]{display:none}.page-number[data-v-e7af1e37]{flex-shrink:0;min-width:40px}}@media (width<=640px){.filter-controls[data-v-e7af1e37]{gap:.75rem;grid-template-columns:1fr!important}.reset-container[data-v-e7af1e37]{grid-column:span 1!important}.header-info h3[data-v-e7af1e37]{font-size:1.125rem}.packet-count[data-v-e7af1e37]{font-size:.75rem}.live-mode-badge[data-v-e7af1e37]{padding:.25rem .5rem;font-size:.75rem}.pagination-info span[data-v-e7af1e37]{font-size:.75rem}.prev-next-btn[data-v-e7af1e37]{min-width:40px;padding:.5rem}.page-numbers[data-v-e7af1e37]{gap:.25rem;max-width:150px}.page-number[data-v-e7af1e37]{min-width:36px;padding:.5rem .25rem;font-size:.75rem}.load-more-section button[data-v-e7af1e37]{padding:.375rem .75rem;font-size:.6rem}}@media (width<=520px){.mobile-metrics-grid[data-v-e7af1e37]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem .75rem}.mobile-metric-cell[data-v-e7af1e37]{border-left:none;padding:0}.mobile-metric-cell[data-v-e7af1e37]:nth-child(2n){border-left:1px solid color-mix(in srgb, var(--color-border-subtle) 70%, transparent);padding-left:.5rem}.dark{border-left-color:color-mix(in srgb, var(--color-border) 65%, transparent)}.mobile-metric-cell[data-v-e7af1e37]:nth-child(n+3){border-top:1px solid color-mix(in srgb, var(--color-border-subtle) 60%, transparent);padding-top:.375rem}.dark{border-top-color:color-mix(in srgb, var(--color-border) 55%, transparent)}}
|