style(journal): иконки кнопок в подвале карточки на Lucide

Заменены текстовые глифы ✎/✦/× в .foot карточек .journal-card на иконки
pencil/sparkles/trash-2. Кнопка «Карточка отчёта» уже была на Lucide (contact).

В admin.css в правило размера добавлен .journal-card .foot .del svg:
иначе иконка удаления отрисовалась бы в дефолтные 24px вместо 16px
у соседних кнопок.
This commit is contained in:
dev
2026-10-04 22:04:40 +03:00
parent 8fc6ea804a
commit acbbc280fc
2 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -803,7 +803,7 @@ body[data-page=settings] .page-head{align-items:flex-end}
.student-card__icon--badge{width:17px;height:17px} .student-card__icon--badge{width:17px;height:17px}
.student-card__icon--ps{width:19px;height:19px} .student-card__icon--ps{width:19px;height:19px}
.student-card :focus-visible{outline:2px solid var(--sc-primary);outline-offset:2px;border-radius:6px} .student-card :focus-visible{outline:2px solid var(--sc-primary);outline-offset:2px;border-radius:6px}
.journal-card .foot .edit svg,.card .edit svg{width:16px;height:16px;display:block} .journal-card .foot .edit svg,.journal-card .foot .del svg,.card .edit svg{width:16px;height:16px;display:block}
@media(max-width:420px){ @media(max-width:420px){
.report-overlay{padding:16px 12px} .report-overlay{padding:16px 12px}
.student-card{ .student-card{
+3 -3
View File
@@ -188,9 +188,9 @@ function cardEntryHTML(e) {
<span>${fmtFull(e.created_at)}</span> <span>${fmtFull(e.created_at)}</span>
<span> <span>
<button class="edit" data-report="${e.id}" title="Карточка отчёта"><i data-lucide="contact"></i></button> <button class="edit" data-report="${e.id}" title="Карточка отчёта"><i data-lucide="contact"></i></button>
<button class="edit" data-edit="${e.id}" title="Редактировать">✎</button> <button class="edit" data-edit="${e.id}" title="Редактировать"><i data-lucide="pencil"></i></button>
${mp ? `<button class="edit" data-enhance="${e.id}" title="Улучшить фото">✦</button>` : ''} ${mp ? `<button class="edit" data-enhance="${e.id}" title="Улучшить фото"><i data-lucide="sparkles"></i></button>` : ''}
<button class="del" data-del="${e.id}" title="Удалить">&times;</button> <button class="del" data-del="${e.id}" title="Удалить"><i data-lucide="trash-2"></i></button>
</span> </span>
</div> </div>
</div> </div>