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 @@