rsp2k/headplane
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: mention AAAA in description and fix records table layout

Browse Source
This commit is contained in:
Aarnav Tale 2025-04-30 11:41:56 -04:00
parent 129e4f648b
commit df4f250e0f
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/routes/dns/components/manage-records.tsx
View File

@ -17,7 +17,7 @@ export default function ManageRecords({ records, isDisabled }: Props) {
<h1 className="text-2xl font-medium mb-4">DNS Records</h1> <h1 className="text-2xl font-medium mb-4">DNS Records</h1>
<p> <p>
Headscale supports adding custom DNS records to your Tailnet. As of now, Headscale supports adding custom DNS records to your Tailnet. As of now,
only <Code>A</Code> records are supported.{' '} only <Code>A</Code> and <Code>AAAA</Code> records are supported.{' '}
<Link <Link
to="https://headscale.net/stable/ref/dns" to="https://headscale.net/stable/ref/dns"
name="Headscale DNS Records documentation" name="Headscale DNS Records documentation"
@ -34,19 +34,19 @@ export default function ManageRecords({ records, isDisabled }: Props) {
) : ( ) : (
records.map((record, index) => ( records.map((record, index) => (
<TableList.Item key={`${record.name}-${record.value}`}> <TableList.Item key={`${record.name}-${record.value}`}>
<div className="flex gap-24 items-center"> <div className="flex gap-2 items-center w-full">
<div className="flex gap-4 items-center"> <p
<p className={cn(
className={cn( 'font-mono text-sm font-bold py-1 px-2 rounded-md text-center',
'font-mono text-sm font-bold py-1 px-2 rounded-md text-center', 'bg-headplane-100 dark:bg-headplane-700/30 min-w-12',
'bg-headplane-100 dark:bg-headplane-700/30 min-w-12', )}
)} >
> {record.type}
{record.type} </p>
</p> <div className="grid grid-cols-2 gap-2 w-full">
<p className="font-mono text-sm">{record.name}</p> <p className="font-mono text-sm">{record.name}</p>
<p className="font-mono text-sm">{record.value}</p>
</div> </div>
<p className="font-mono text-sm">{record.value}</p>
</div> </div>
<Form method="POST"> <Form method="POST">
<input type="hidden" name="action_id" value="remove_record" /> <input type="hidden" name="action_id" value="remove_record" />