IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2026-02-06 09:56:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

rework icons in the table

Browse Source
This commit is contained in:
Kamila 2024-07-31 11:54:41 +02:00
parent ebf298adae
commit 17a0cb64ed
3 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
admin/public/img/circle-slash.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1022 B

BIN
admin/public/img/person.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 396 B

20
admin/src/components/Tables/SearchUserTable.vue
View File

@ -18,21 +18,27 @@
<template #cell(status)="row">
<div class="d-flex gap-3 justify-content-end align-items-center">
<div v-if="row.item.deletedAt" class="w-auto mr-3 test-deleted-icon" variant="light">
<!-- <div>
<IOcticonPerson24 />
<IOcticonCircleSlash24 style="color: #f5365c" />
</div> -->
<div
v-if="row.item.deletedAt"
class="mr-3 test-deleted-icon position-relative rounded-circle"
style="width: 40px; height: 40px"
>
<img src="/admin/public/img/circle-slash.png" class="position-absolute" />
<img
src="/admin/public/img/person.png"
class="position-relative"
style="transform: translate(50%, 30%)"
/>
</div>
<span v-if="!row.item.deletedAt" class="d-flex gap-2">
<div
v-if="!row.item.emailChecked"
class="mr-3 rounded-circle bg-red-dark position-relative"
class="mr-3 rounded-circle position-relative"
style="background-color: #dc3545; width: 40px; height: 40px"
>
<img
src="/admin/public/img/envelope.png"
style="transform: translate(15%, 15%)"
style="transform: translate(30%, 30%); width: 25px; height: 25px"
class="position-absolute"
/>
</div>