Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-08-28 21:50:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI fixes

Browse Source
This commit is contained in:
estifanos
2026-08-28 08:18:19 +00:00
parent c26528dad5
commit 627fcfbfde
1 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/portal/src/app/features/documents/pages/DocumentVaultPage.tsx
View File

@@ -153,7 +153,7 @@ function IssuedDocumentCard({
</Text>
</div>
</Group>
<Badge size="sm" variant="light" color={issued ? 'teal' : 'gray'}>
<Badge size="sm" variant="light" color={issued ? 'teal' : 'gray'} style={{ flexShrink: 0 }}>
{t(`documents.documentStatus.${document.status}`, { defaultValue: document.status })}
</Badge>
</Group>
@@ -277,7 +277,10 @@ export function DocumentVaultPage() {
{t('documents.empty.licenses')}
</Text>
) : (
<SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing="md">
// Two per row, not three: licence type names run long
// ("Multimodal Transport Operator License") and a third
// column truncates them.
<SimpleGrid cols={{ base: 1, md: 2 }} spacing="md">
{licenceItems.map((licence) => (
<LicenseCard
key={licence.id}
@@ -324,7 +327,12 @@ export function DocumentVaultPage() {
)}
</div>
</Group>
<Badge size="sm" variant="light" color={RECORD_STATUS_COLOR[record.status]}>
<Badge
size="sm"
variant="light"
color={RECORD_STATUS_COLOR[record.status]}
style={{ flexShrink: 0 }}
>
{t(`seaRecords.columns.recordStatus.${record.status}`, {
defaultValue: record.status,
})}
@@ -390,7 +398,12 @@ export function DocumentVaultPage() {
)}
</div>
</Group>
<Badge size="sm" variant="light" color={RECORD_STATUS_COLOR[record.status]}>
<Badge
size="sm"
variant="light"
color={RECORD_STATUS_COLOR[record.status]}
style={{ flexShrink: 0 }}
>
{t(`seaRecords.columns.recordStatus.${record.status}`, {
defaultValue: record.status,
})}
@@ -488,6 +501,7 @@ export function DocumentVaultPage() {
size="sm"
variant="light"
color={files.length ? 'teal' : slot.isRequired ? 'orange' : 'gray'}
style={{ flexShrink: 0 }}
>
{files.length
? t('documents.personal.uploaded')