(fix:tables) table header, name table data

This commit is contained in:
ManishMadan2882
2025-03-12 17:32:05 +05:30
parent 8e0e55fe5e
commit 93de4065c7
2 changed files with 9 additions and 9 deletions

View File

@@ -122,13 +122,13 @@ export default function APIKeys() {
<table className="w-full table-auto"> <table className="w-full table-auto">
<thead> <thead>
<tr className="border-b border-gray-300 dark:border-silver/40"> <tr className="border-b border-gray-300 dark:border-silver/40">
<th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver uppercase w-[35%]"> <th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver w-[35%]">
{t('settings.apiKeys.name')} {t('settings.apiKeys.name')}
</th> </th>
<th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver uppercase w-[35%]"> <th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver w-[35%]">
{t('settings.apiKeys.sourceDoc')} {t('settings.apiKeys.sourceDoc')}
</th> </th>
<th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver uppercase w-[25%]"> <th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver w-[25%]">
<span className="hidden sm:inline"> <span className="hidden sm:inline">
{t('settings.apiKeys.key')} {t('settings.apiKeys.key')}
</span> </span>
@@ -136,7 +136,7 @@ export default function APIKeys() {
{t('settings.apiKeys.key')} {t('settings.apiKeys.key')}
</span> </span>
</th> </th>
<th className="py-3 px-4 text-right text-xs font-medium text-gray-700 dark:text-[#E0E0E0] uppercase w-[5%]"> <th className="py-3 px-4 text-right text-xs font-medium text-gray-700 dark:text-[#E0E0E0] w-[5%]">
<span className="sr-only">Actions</span> <span className="sr-only">Actions</span>
</th> </th>
</tr> </tr>
@@ -160,7 +160,7 @@ export default function APIKeys() {
key={element.id} key={element.id}
className="group transition-colors hover:bg-gray-50 dark:hover:bg-gray-800/50" className="group transition-colors hover:bg-gray-50 dark:hover:bg-gray-800/50"
> >
<td className="py-4 px-4 text-sm text-gray-700 dark:text-[#E0E0E0] w-[35%] min-w-48 max-w-0"> <td className="py-4 px-4 text-sm font-semibold text-gray-700 dark:text-[#E0E0E0] w-[35%] min-w-48 max-w-0">
<div className="truncate" title={element.name}> <div className="truncate" title={element.name}>
{element.name} {element.name}
</div> </div>

View File

@@ -323,10 +323,10 @@ export default function Documents({
<table className="w-full table-auto"> <table className="w-full table-auto">
<thead> <thead>
<tr className="border-b border-gray-300 dark:border-silver/40"> <tr className="border-b border-gray-300 dark:border-silver/40">
<th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver uppercase w-[45%]"> <th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver w-[45%]">
{t('settings.documents.name')} {t('settings.documents.name')}
</th> </th>
<th className="py-3 px-4 text-xs font-medium text-sonic-silver uppercase w-[30%]"> <th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver w-[30%]">
<div className="flex justify-start items-center"> <div className="flex justify-start items-center">
{t('settings.documents.date')} {t('settings.documents.date')}
<img <img
@@ -337,7 +337,7 @@ export default function Documents({
/> />
</div> </div>
</th> </th>
<th className="py-3 px-4 text-xs font-medium text-sonic-silver uppercase w-[15%]"> <th className="py-3 px-4 text-left text-xs font-medium text-sonic-silver w-[15%]">
<div className="flex justify-start items-center"> <div className="flex justify-start items-center">
<span className="hidden sm:inline"> <span className="hidden sm:inline">
{t('settings.documents.tokenUsage')} {t('settings.documents.tokenUsage')}
@@ -377,7 +377,7 @@ export default function Documents({
return ( return (
<tr key={docId} className="group transition-colors"> <tr key={docId} className="group transition-colors">
<td <td
className="py-4 px-4 text-sm text-gray-700 dark:text-[#E0E0E0] min-w-48 max-w-0 truncate group-hover:bg-gray-50 dark:group-hover:bg-gray-800/50" className="py-4 px-4 text-sm font-semibold text-gray-700 dark:text-[#E0E0E0] min-w-48 max-w-0 truncate group-hover:bg-gray-50 dark:group-hover:bg-gray-800/50"
title={document.name} title={document.name}
> >
{document.name} {document.name}