Signature header improvements

This commit is contained in:
Ryan R. Olds
2024-10-06 15:19:58 -07:00
parent 0a478e82ba
commit b0a38eab8c
2 changed files with 8 additions and 7 deletions

View File

@@ -20,12 +20,13 @@
position: absolute; position: absolute;
} }
.p-menuitem, .p-menuitem-content { .p-menuitem,
.p-menuitem-content {
height: 36px; height: 36px;
flex-grow: 1; flex-grow: 1;
} }
.p-menuitem > .p-menuitem-content > a { .p-menuitem>.p-menuitem-content>a {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -67,3 +68,8 @@
} }
} }
.p-sortable-column {
font-size: 12px;
font-weight: bold;
padding: 0.25rem 0.5rem;
}

View File

@@ -216,7 +216,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
field="group" field="group"
body={renderIcon} body={renderIcon}
style={{ maxWidth: 26, minWidth: 26, width: 26 }} style={{ maxWidth: 26, minWidth: 26, width: 26 }}
headerStyle={{ fontSize: "14px", padding: "0.25rem" }}
></Column> ></Column>
<Column <Column
@@ -224,7 +223,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
header="Id" header="Id"
bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap" bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
style={{ maxWidth: 72, minWidth: 72, width: 72 }} style={{ maxWidth: 72, minWidth: 72, width: 72 }}
headerStyle={{ fontSize: "14px", padding: "0.25rem" }}
sortable sortable
></Column> ></Column>
<Column <Column
@@ -232,7 +230,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
header="Group" header="Group"
bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap" bodyClassName="text-ellipsis overflow-hidden whitespace-nowrap"
hidden={compact} hidden={compact}
headerStyle={{ fontSize: "14px", padding: "0.25rem" }}
sortable sortable
></Column> ></Column>
<Column <Column
@@ -242,7 +239,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
body={renderName} body={renderName}
style={{ maxWidth: nameColumnWidth }} style={{ maxWidth: nameColumnWidth }}
hidden={compact || medium} hidden={compact || medium}
headerStyle={{ fontSize: "14px", padding: "0.25rem" }}
sortable sortable
></Column> ></Column>
<Column <Column
@@ -251,7 +247,6 @@ export const SystemSignaturesContent = ({ systemId, settings }: SystemSignatures
dataType="date" dataType="date"
bodyClassName="w-[80px] text-ellipsis overflow-hidden whitespace-nowrap" bodyClassName="w-[80px] text-ellipsis overflow-hidden whitespace-nowrap"
body={renderTimeLeft} body={renderTimeLeft}
headerStyle={{ fontSize: "14px", padding: "0.25rem" }}
sortable sortable
></Column> ></Column>
</DataTable> </DataTable>