diff --git a/src/lib/PaymentPage.svelte b/src/lib/PaymentPage.svelte index 1cb7b01..eb3211c 100644 --- a/src/lib/PaymentPage.svelte +++ b/src/lib/PaymentPage.svelte @@ -48,7 +48,7 @@
- +

Оплата печати

@@ -119,11 +119,13 @@ /* Предотвращает горизонтальный скролл на мобильных */ overflow-x: hidden; } + + /* --- ИЗМЕНЕНИЯ ЗДЕСЬ --- */ .payment-header { padding: 20px 16px 8px; - display: flex; /* Делаем контейнер флексом */ + display: flex; /* Включаем флекс */ align-items: center; /* Выравниваем по вертикали */ - position: relative; /* Для позиционирования, если понадобится */ + position: relative; } .back-btn { @@ -134,12 +136,12 @@ font-weight: 600; cursor: pointer; padding: 12px 8px; - margin: -8px -8px -8px 0; /* Убираем лишние отступы, оставляем нулевой слева */ + margin: -8px -8px -8px 0; /* Убираем лишние отступы */ min-height: 44px; display: inline-flex; align-items: center; - order: -1; /* Принудительно ставим кнопку первой в потоке */ - margin-right: auto; /* Теперь это сработает и прижмет кнопку к левому краю */ + order: -1; /* Гарантируем, что кнопка будет слева */ + margin-right: auto; /* Прижимаем кнопку к левому краю */ } .payment-header h1 { @@ -147,9 +149,13 @@ font-size: 26px; font-weight: 700; letter-spacing: -0.02em; - flex-grow: 1; /* Заставляем заголовок занимать оставшееся место */ - text-align: center; /* Центрируем текст заголовка */ + position: absolute; /* Абсолютное позиционирование для идеального центра */ + left: 50%; + transform: translateX(-50%); /* Сдвиг на 50% собственной ширины влево */ + white-space: nowrap; /* Чтобы текст не переносился при сдвиге */ } + /* ----------------------- */ + .payment-content { flex: 1; padding: 24px 16px 32px; diff --git a/src/lib/PrintMenu.svelte b/src/lib/PrintMenu.svelte index 78e7d0c..c6e112e 100644 --- a/src/lib/PrintMenu.svelte +++ b/src/lib/PrintMenu.svelte @@ -398,7 +398,7 @@ {#if !activeFile && !showPayment}
- +

Печать

@@ -533,9 +533,41 @@