ui and layout fix

This commit is contained in:
Pallavi Kumari
2025-10-20 01:39:39 +05:30
parent edf64ae7b5
commit 2b05bc1f5f
11 changed files with 159 additions and 154 deletions

View File

@@ -108,9 +108,9 @@ export function DNSRecordsDataTable<TData, TValue>({
<Card>
<CardHeader className="flex flex-col space-y-4 sm:flex-row sm:items-center sm:justify-between sm:space-y-0 pb-4">
<div className="flex flex-row space-y-3 w-full sm:mr-2 gap-2 justify-between">
<div className="relative w-full sm:max-w-sm flex flex-row gap-10 items-center">
<h1 className="font-bold">DNS Records</h1>
<Badge variant="secondary">Required</Badge>
<div className="relative w-full sm:max-w-sm flex flex-row gap-4 items-center">
<h1 className="font-bold">{t("dnsRecord")}</h1>
<Badge variant="secondary">{t("required")}</Badge>
</div>
<Button
variant="outline"
@@ -125,7 +125,7 @@ export function DNSRecordsDataTable<TData, TValue>({
<Table>
<TableHeader>
{table.getHeaderGroups().map((headerGroup) => (
<TableRow key={headerGroup.id} className="bg-[#E8E8E8] dark:bg-transparent">
<TableRow key={headerGroup.id} className="bg-secondary">
{headerGroup.headers.map((header) => (
<TableHead key={header.id}>
{header.isPlaceholder