football2801
328ad632d3
CI / test (push) Has been cancelled
iOS standalone PWAs don't get Safari's native pull-to-refresh, so add our own. New <PullToRefresh> component handles the gesture: dampened drag past an 80px threshold triggers an async onRefresh; below that it springs back. Swipe direction is locked to the first 6px of movement, so horizontal carousel swipes (landscape Home) don't accidentally fire PTR. The arrow icon rotates from 0° to 180° as the pull approaches the threshold and turns primary-color when ready; during refresh a CSS spinner replaces it. - HomeView refreshes the device list (and sync status with it) - LibraryView refreshes images, pending-share count, devices, and the active shared sub-tab page when it's the one in view Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2 lines
853 B
CSS
2 lines
853 B
CSS
.ptr[data-v-e2242f3c]{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ptr__indicator[data-v-e2242f3c]{pointer-events:none;height:56px;color:var(--color-text-muted);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:-56px;left:0;right:0}.ptr__indicator--ready[data-v-e2242f3c]{color:var(--color-primary)}.ptr__arrow[data-v-e2242f3c]{width:24px;height:24px;transition:transform .12s linear,color .15s}.ptr__spinner[data-v-e2242f3c]{border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite ptr-spin-e2242f3c}@keyframes ptr-spin-e2242f3c{to{transform:rotate(360deg)}}.ptr__content[data-v-e2242f3c]{will-change:transform;flex-direction:column;flex:1;min-height:0;display:flex}
|