ui: edit/delete in separate columns, classic grey buttons, no red trash

This commit is contained in:
2026-07-20 10:33:22 +04:00
parent f5a2b23258
commit d6c0d906d5
+11 -8
View File
@@ -147,13 +147,13 @@
text-align: left;
border-right: 1px solid var(--brand-gray);
}
th:last-child { border-right: none; text-align: center; width: 80px; }
th:last-child { border-right: none; text-align: center; width: 60px; }
td {
padding: 8px 12px;
border-bottom: 1px solid var(--brand-gray);
border-right: 1px solid var(--brand-gray);
}
td:last-child { border-right: none; text-align: center; }
td:last-child { border-right: none; text-align: center; width: 60px; }
tr:hover { background: rgba(243,244,246,0.5); }
tr:last-child td { border-bottom: none; }
@@ -194,8 +194,9 @@
input[type="text"]:focus { outline: none; border-color: var(--brand-primary); box-shadow: 0 0 0 2px rgba(37,99,235,0.15); }
/* Action links */
.icon-link { text-decoration: none; font-size: 18px; cursor: pointer; }
.icon-link:hover { opacity: 0.7; }
/* Action column */
td.act { text-align: center; width: 60px; border-right: none; }
td.act:last-child { border-right: none; }
.empty-cell { color: var(--text-muted); padding: 24px; text-align: center; }
</style>
</head>
@@ -212,19 +213,21 @@
<div class="card-body" style="padding: 0;">
<table>
<thead>
<tr><th>ID</th><th>Value</th><th></th></tr>
<tr><th>ID</th><th>VALUE</th><th style="text-align:center;"></th><th style="text-align:center;"></th></tr>
</thead>
<tbody>
<cfoutput query="rows">
<tr>
<td>#id#</td>
<td>#value#</td>
<td>
<a href="index.cfm?edit=#id#" class="icon-link" title="Редактировать">✏️</a>
<td style="text-align:center;">
<a href="index.cfm?edit=#id#" class="btn btn-sm">✏️</a>
</td>
<td style="text-align:center;">
<form method="post" style="display:inline">
<input type="hidden" name="action" value="delete" />
<input type="hidden" name="id" value="#id#" />
<button type="submit" class="btn btn-destructive btn-sm" onclick="return confirm('Удалить #id#?')">🗑️</button>
<button type="submit" class="btn btn-sm" onclick="return confirm('Удалить #id#?')">🗑️</button>
</form>
</td>
</tr>