mirror of
https://github.com/openhop-dev/openhop_repeater.git
synced 2026-10-23 21:43:02 +00:00
2 lines
9.0 KiB
CSS
2 lines
9.0 KiB
CSS
.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-7be58559],.fade-leave-active[data-v-7be58559]{transition:opacity .3s ease-out,transform .3s ease-out}.fade-enter-from[data-v-7be58559],.fade-leave-to[data-v-7be58559]{opacity:0;transform:translateY(-10px)}.packet-list-enter-active[data-v-7be58559],.packet-list-leave-active[data-v-7be58559],.packet-list-move[data-v-7be58559]{transition:all .4s ease-out}.packet-list-enter-from[data-v-7be58559]{opacity:0;transform:translateY(-30px)scale(.98)}.packet-list-enter-to[data-v-7be58559],.packet-list-leave-from[data-v-7be58559]{opacity:1;transform:translateY(0)scale(1)}.packet-list-leave-to[data-v-7be58559]{opacity:0;transform:translateY(-20px)scale(.95)}.packet-row[data-v-7be58559]{transition:all .3s;position:relative}.packet-list-enter-active .packet-row[data-v-7be58559]{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-7be58559]:hover{background:color-mix(in srgb, var(--color-surface) 20%, transparent);border-radius:8px;transition:background .2s}.duplicate-packet-row[data-v-7be58559]{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-7be58559]{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-7be58559]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 35%, transparent)}.duplicate-group-banner[data-v-7be58559]{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-7be58559]{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-7be58559]{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-7be58559]{box-shadow:0 6px 16px color-mix(in srgb, var(--color-primary) 20%, transparent)}.mobile-metrics-grid[data-v-7be58559]{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-metric-cell[data-v-7be58559]{min-width:0;padding:0 .5rem}.mobile-metric-cell[data-v-7be58559]:first-child{padding-left:0}.mobile-metric-cell+.mobile-metric-cell[data-v-7be58559]{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)}.filter-controls[data-v-7be58559]{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.archive-controls[data-v-7be58559]{grid-template-columns:minmax(220px,1.2fr) minmax(320px,1fr);align-items:end;gap:.75rem;display:grid}.archive-filter-controls[data-v-7be58559]{gap:.875rem}.archive-search-control[data-v-7be58559]{min-width:0}.archive-search-input[data-v-7be58559]{width:100%;min-width:0}.archive-meta-controls[data-v-7be58559]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}.archive-range-control[data-v-7be58559]{grid-column:1/-1}.archive-range-buttons[data-v-7be58559]{flex-wrap:wrap;gap:.5rem;display:flex}.common-filter-controls[data-v-7be58559]{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.archive-common-filter-controls[data-v-7be58559]{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;display:grid}.common-filter-controls>.flex.flex-col[data-v-7be58559]{min-width:120px}.common-filter-controls .reset-container[data-v-7be58559]{margin-left:auto}.archive-common-filter-controls .reset-container[data-v-7be58559],.archive-common-filter-controls .archive-reset-container[data-v-7be58559]{margin-left:0}.archive-common-filter-controls .archive-reset-container button[data-v-7be58559]{width:100%}@media (width<=1023px){.filter-container[data-v-7be58559]{flex-direction:column;align-items:stretch;gap:1rem}.header-info[data-v-7be58559]{flex-direction:column;align-items:flex-start;gap:.5rem}.packet-count[data-v-7be58559]{order:1}.live-mode-badge[data-v-7be58559]{order:2;align-self:flex-start}.loading-indicator[data-v-7be58559],.error-indicator[data-v-7be58559]{order:3;align-self:flex-start}.archive-controls[data-v-7be58559]{grid-template-columns:1fr}.archive-meta-controls[data-v-7be58559]{grid-template-columns:repeat(2,minmax(0,1fr))}.common-filter-controls[data-v-7be58559]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.common-filter-controls>.flex.flex-col[data-v-7be58559]{min-width:0}.common-filter-controls .reset-container[data-v-7be58559]{grid-column:1/-1;margin-left:0}.common-filter-controls .reset-container button[data-v-7be58559]{width:100%}.pagination-container[data-v-7be58559]{flex-direction:column;align-items:stretch;gap:1rem}.pagination-info[data-v-7be58559]{text-align:center;flex-direction:column;justify-content:center;gap:.5rem}.load-more-section[data-v-7be58559]{justify-content:center}.load-more-count[data-v-7be58559]{display:none}.pagination-controls[data-v-7be58559]{justify-content:center}.page-numbers[data-v-7be58559]{scrollbar-width:none;-ms-overflow-style:none;max-width:200px;overflow-x:auto}.page-numbers[data-v-7be58559]::-webkit-scrollbar{display:none}.ellipsis[data-v-7be58559]{display:none}.page-number[data-v-7be58559]{flex-shrink:0;min-width:40px}}@media (width<=640px){.archive-meta-controls[data-v-7be58559]{grid-template-columns:1fr}.archive-range-buttons[data-v-7be58559]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}.common-filter-controls[data-v-7be58559]{grid-template-columns:1fr}.header-info h3[data-v-7be58559]{font-size:1.125rem}.packet-count[data-v-7be58559]{font-size:.75rem}.live-mode-badge[data-v-7be58559]{padding:.25rem .5rem;font-size:.75rem}.pagination-info span[data-v-7be58559]{font-size:.75rem}.prev-next-btn[data-v-7be58559]{min-width:40px;padding:.5rem}.page-numbers[data-v-7be58559]{gap:.25rem;max-width:150px}.page-number[data-v-7be58559]{min-width:36px;padding:.5rem .25rem;font-size:.75rem}.load-more-section button[data-v-7be58559]{padding:.375rem .75rem;font-size:.6rem}}@media (width<=520px){.archive-range-buttons[data-v-7be58559]{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-metrics-grid[data-v-7be58559]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem .75rem}.mobile-metric-cell[data-v-7be58559]{border-left:none;padding:0}.mobile-metric-cell[data-v-7be58559]: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-7be58559]: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)}}
|