increase font size for history as per ui spec
This commit is contained in:
parent
de11bb064a
commit
b4aeed0ca2
@ -11,6 +11,7 @@ type TableElementProps = {
|
|||||||
evenAlternatingColor?: string;
|
evenAlternatingColor?: string;
|
||||||
oddAlternatingColor?: string;
|
oddAlternatingColor?: string;
|
||||||
leftLabelColor?: string;
|
leftLabelColor?: string;
|
||||||
|
fontSize?: number;
|
||||||
};
|
};
|
||||||
|
|
||||||
const TableElement = ({
|
const TableElement = ({
|
||||||
@ -20,6 +21,7 @@ const TableElement = ({
|
|||||||
evenAlternatingColor = 'bg-[#202021]',
|
evenAlternatingColor = 'bg-[#202021]',
|
||||||
oddAlternatingColor = 'bg-[rgba(0,0,0,0)]',
|
oddAlternatingColor = 'bg-[rgba(0,0,0,0)]',
|
||||||
leftLabelColor = 'text-[#bcbcbc]',
|
leftLabelColor = 'text-[#bcbcbc]',
|
||||||
|
fontSize = 24,
|
||||||
}: TableElementProps) => {
|
}: TableElementProps) => {
|
||||||
const { tableData } = element;
|
const { tableData } = element;
|
||||||
|
|
||||||
@ -28,7 +30,7 @@ const TableElement = ({
|
|||||||
|
|
||||||
const renderTable = () => {
|
const renderTable = () => {
|
||||||
return (
|
return (
|
||||||
<table className="border-collapse w-full">
|
<table className="border-collapse w-full" style={{ fontSize }}>
|
||||||
<tbody>
|
<tbody>
|
||||||
{Array.from({ length: rows }).map((_, i) => (
|
{Array.from({ length: rows }).map((_, i) => (
|
||||||
<tr
|
<tr
|
||||||
|
@ -16,11 +16,14 @@ const HistoryMessage = ({
|
|||||||
return (
|
return (
|
||||||
<div className="grid grid-cols-6">
|
<div className="grid grid-cols-6">
|
||||||
<div className="col-span-2 flex flex-col gap-5">
|
<div className="col-span-2 flex flex-col gap-5">
|
||||||
<div className="font-semibold text-xl">
|
<div className="font-semibold leading-8" style={{ fontSize: 28 }}>
|
||||||
<div className="text-muted-gray">{title}</div>
|
<span className="text-muted-gray">{title}</span>
|
||||||
|
<br />
|
||||||
{header}
|
{header}
|
||||||
</div>
|
</div>
|
||||||
<div className="font-normal">{desc}</div>
|
<div className="font-normal" style={{ fontSize: 24 }}>
|
||||||
|
{desc}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-span-4 w-full">{tableContent}</div>
|
<div className="col-span-4 w-full">{tableContent}</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user