smaa/octopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Компактный layout операций с кошельком: две колонки

Browse Source 
- Пополнение и Списание размещены рядом (col-md-6 каждая)
- Упрощены тексты заголовков, лейблов и кнопок для компактности
- Фиксированная высота для подсказок — обеспечена симметрия полей
- Убран разделитель между формами
- Короткие placeholder'ы в полях ввода
This commit is contained in:
Andrey Smakotin
2025-11-29 18:52:09 +03:00
parent c4e83fd535
commit 915efa16dc
1 changed files with 61 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
myproject/customers/templates/customers/customer_detail.html
View File

@@ -86,8 +86,10 @@
</span>
</div>
<div class="card-body">
<div class="row">
<!-- Пополнение -->
<h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение кошелька</h6>
<div class="col-md-6">
<h6 class="text-success mb-3"><i class="bi bi-plus-circle"></i> Пополнение</h6>
<form method="post" action="{% url 'customers:wallet-deposit' customer.pk %}">
{% csrf_token %}
<div class="mb-3">
@@ -100,23 +102,24 @@
name="amount"
placeholder="0.00"
required>
<div style="height: 1.25rem;"></div>
</div>
<div class="mb-3">
<label for="wallet_deposit_description" class="form-label">Описание (обязательно)</label>
<label for="wallet_deposit_description" class="form-label">Описание</label>
<textarea class="form-control"
id="wallet_deposit_description"
name="description"
rows="2"
placeholder="Например: Подарок, компенсация за некачественный товар"
placeholder="Подарок, компенсация..."
required></textarea>
</div>
<button type="submit" class="btn btn-success w-100 mb-4"><i class="bi bi-plus-circle"></i> Пополнить кошелёк</button>
<button type="submit" class="btn btn-success w-100"><i class="bi bi-plus-circle"></i> Пополнить</button>
</form>
<hr>
</div>
<!-- Возврат / списание -->
<h6 class="text-danger mb-3 mt-4"><i class="bi bi-dash-circle"></i> Возврат / списание с кошелька</h6>
<div class="col-md-6">
<h6 class="text-danger mb-3"><i class="bi bi-dash-circle"></i> Списание</h6>
<form method="post" action="{% url 'customers:wallet-withdraw' customer.pk %}">
{% csrf_token %}
<div class="mb-3">
@@ -130,22 +133,23 @@
name="amount"
placeholder="0.00"
required>
<small class="text-muted d-block">Макс: {{ customer.wallet_balance|floatformat:2 }} руб.</small>
<small class="text-muted d-block" style="height: 1.25rem; line-height: 1.25rem;">Макс: {{ customer.wallet_balance|floatformat:2 }} р.</small>
</div>
<div class="mb-3">
<label for="wallet_withdraw_description" class="form-label">Описание (обязательно)</label>
<label for="wallet_withdraw_description" class="form-label">Описание</label>
<textarea class="form-control"
id="wallet_withdraw_description"
name="description"
rows="2"
placeholder="Например: Возврат наличными, перевод на карту клиента"
placeholder="Возврат наличными..."
required></textarea>
</div>
<button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать с кошелька</button>
<button type="submit" class="btn btn-danger w-100"><i class="bi bi-dash-circle"></i> Списать</button>
</form>
<div class="alert alert-info mb-0 mt-4">
<i class="bi bi-info-circle"></i> Все операции автоматически логируются в истории транзакций ниже.
</div>
</div>
<div class="alert alert-info mb-0 mt-3">
<i class="bi bi-info-circle"></i> Все операции логируются в истории ниже.
</div>
</div>
</div>