diff options
Diffstat (limited to 'src/frontend/app/components/PullToRefresh.css')
| -rw-r--r-- | src/frontend/app/components/PullToRefresh.css | 72 |
1 files changed, 0 insertions, 72 deletions
diff --git a/src/frontend/app/components/PullToRefresh.css b/src/frontend/app/components/PullToRefresh.css index 15ca74b..e69de29 100644 --- a/src/frontend/app/components/PullToRefresh.css +++ b/src/frontend/app/components/PullToRefresh.css @@ -1,72 +0,0 @@ -.pull-to-refresh-container { - position: relative; - height: 100%; - overflow: hidden; -} - -.pull-to-refresh-indicator { - position: absolute; - top: -80px; - left: 50%; - transform: translateX(-50%); - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; - padding: 16px; - z-index: 1000; - opacity: 0; - transition: opacity 0.2s ease; -} - -.pull-to-refresh-icon { - display: flex; - align-items: center; - justify-content: center; - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--button-background-color); - color: white; - transition: all 0.3s ease; - transform-origin: center; -} - -.pull-to-refresh-icon.ready { - background-color: #28a745; -} - -.pull-to-refresh-icon.spinning { - animation: spin 1s linear infinite; -} - -@keyframes spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } -} - -.pull-to-refresh-text { - font-size: 0.875rem; - color: var(--subtitle-color); - font-weight: 500; - text-align: center; - white-space: nowrap; -} - -.pull-to-refresh-content { - height: 100%; - overflow: auto; - transition: transform 0.2s ease; -} - -/* Disable browser's default pull-to-refresh on mobile */ -.pull-to-refresh-content { - overscroll-behavior-y: contain; -} - -@media (hover: hover) { - /* Hide pull-to-refresh on desktop devices */ - .pull-to-refresh-indicator { - display: none; - } -} |
