corbz/relay
1
0
Fork 0
Code Issues 2 Pull Requests Actions Releases Activity

feat: display colour preview in style table
Some checks failed
Build / build (push) Failing after 34s
Details

Browse Source
This commit is contained in:
Corban-Lee Jones 2025-05-12 11:17:54 +01:00
parent c0ddec1c71
commit cc845d3adc
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/client/src/ts/guild/styles.ts
View File

@ -71,13 +71,19 @@ const columnDefs: ConfigColumnDefs[] = [
orderable: true,
searchable: true,
className: "size-px whitespace-nowrap",
render: (data: string) => { return `
<div class="px-6 py-4">
<span class="cj-table-text">
${data}
</span>
</div>
`}
render: (data: string, type: string) => {
if (type !== "display") return data;
const wrapper = $("<div>").addClass("flex px-6 py-4");
const badge = $("<span>").addClass("inline-flex items-center whitespace-nowrap border rounded-md bg-white dark:bg-neutral-800 border-gray-200 dark:border-neutral-700 overflow-hidden");
const colour = $("<span>").addClass("size-6 shrink-0").css("background-color", data);
const label = $("<span>").addClass("py-1 px-2.5 text-xs text-gray-800 dark:text-neutral-200");
label.text(data);
badge.append(colour).append(label);
wrapper.append(badge);
return wrapper.get(0);
}
},
{
target: 3,