From 801aab424f291a5be78ac8301a5c058382e8d059 Mon Sep 17 00:00:00 2001 From: Web-serfer Date: Tue, 5 May 2026 18:47:44 +0500 Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B9=20=D0=BA=D0=BE?= =?UTF-8?q?=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=20=20Spinner?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/pages/auth/sign-up.astro | 31 ++++++++++++++++++++++++--- 1 file changed, 28 insertions(+), 3 deletions(-) diff --git a/frontend/src/pages/auth/sign-up.astro b/frontend/src/pages/auth/sign-up.astro index 26f5bc1..63d4d5d 100644 --- a/frontend/src/pages/auth/sign-up.astro +++ b/frontend/src/pages/auth/sign-up.astro @@ -625,6 +625,31 @@ import { SITE_URL } from '@constants'; transform: none; } + .btn-submit.loading { + position: relative; + color: transparent !important; + pointer-events: none; + } + + .btn-submit.loading::after { + content: ''; + position: absolute; + width: 20px; + height: 20px; + top: 50%; + left: 50%; + margin-left: -10px; + margin-top: -10px; + border: 2px solid #ffffff; + border-radius: 50%; + border-top-color: transparent; + animation: spin 0.8s linear infinite; + } + + @keyframes spin { + to { transform: rotate(360deg); } + } + .btn-submit:active { transform: translateY(0); } @@ -877,7 +902,7 @@ import { SITE_URL } from '@constants'; // Отправка данных на сервер const submitBtn = form.querySelector('.btn-submit') as HTMLButtonElement; submitBtn.disabled = true; - submitBtn.textContent = 'Регистрация...'; + submitBtn.classList.add('loading'); try { const response = await fetch('/api/auth/sign-up', { @@ -914,12 +939,12 @@ if (result.success) { } else { showError(emailInput, result.error || 'Ошибка регистрации'); submitBtn.disabled = false; - submitBtn.textContent = 'Зарегистрироваться'; + submitBtn.classList.remove('loading'); } } catch (err) { showError(emailInput, 'Ошибка соединения'); submitBtn.disabled = false; - submitBtn.textContent = 'Зарегистрироваться'; + submitBtn.classList.remove('loading'); } });