jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: certificate card delete button not reachable caused by overflow (#2037)

Browse Source
This commit is contained in:
Meier Lukas
2025-01-21 11:03:48 +01:00
committed by GitHub
parent 73bbcfeee8
commit c922c5b083
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/nextjs/src/app/[locale]/manage/tools/certificates/page.tsx
View File

@@ -59,10 +59,17 @@ export default async function CertificatesPage({ params }: CertificatesPageProps
{x509Certificates.map((cert) => ( {x509Certificates.map((cert) => (
<Card key={cert.x509.fingerprint} withBorder> <Card key={cert.x509.fingerprint} withBorder>
<Group wrap="nowrap"> <Group wrap="nowrap">
<IconCertificate color={getMantineColor(iconColor(cert.x509.validToDate), 6)} size={32} stroke={1.5} /> <IconCertificate
<Stack flex={1} gap="xs"> color={getMantineColor(iconColor(cert.x509.validToDate), 6)}
<Group justify="space-between"> style={{ minWidth: 32 }}
<Text fw={500}>{cert.x509.subject}</Text> size={32}
stroke={1.5}
/>
<Stack flex={1} gap="xs" maw="calc(100% - 48px)">
<Group justify="space-between" wrap="nowrap">
<Text fw={500} lineClamp={1} style={{ wordBreak: "break-all" }}>
{cert.x509.subject}
</Text>
<Text c="gray.6" ta="end" size="sm"> <Text c="gray.6" ta="end" size="sm">
{cert.fileName} {cert.fileName}
</Text> </Text>