diff --git a/app/static/index.html b/app/static/index.html index d17e72f..27b9db9 100644 --- a/app/static/index.html +++ b/app/static/index.html @@ -76,6 +76,48 @@ gap: 16px; } + .refresh-button { + background: transparent; + border: 1px solid var(--pf-global--Color--400); + color: var(--pf-global--Color--200); + padding: 8px 12px; + border-radius: 4px; + cursor: pointer; + font-size: 14px; + transition: all 0.2s ease; + display: flex; + align-items: center; + gap: 6px; + } + + .refresh-button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: var(--pf-global--Color--100); + color: var(--pf-global--Color--100); + } + + .refresh-button:active { + transform: scale(0.98); + } + + .refresh-button i { + font-size: 12px; + } + + .refresh-button.loading i { + animation: spin 1s linear infinite; + } + + .refresh-button.loading { + opacity: 0.7; + cursor: not-allowed; + } + + @keyframes spin { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } + } + .hamburger-menu { color: var(--pf-global--Color--100); font-size: 18px; @@ -1252,6 +1294,10 @@ ORU Analyzer