mirror of
https://github.com/featurebasedb/featurebase.git
synced 2026-10-09 04:17:51 +00:00
better styling
This commit is contained in:
parent
f9c78091ab
commit
1585313a0c
1 changed files with 21 additions and 15 deletions
|
|
@ -59,25 +59,31 @@ export const Pager: FC<PagerProps> = ({
|
|||
</div>
|
||||
{showTotal && (
|
||||
<div className={css.total}>
|
||||
{totalResultsCount > 1000 && (
|
||||
<span
|
||||
style={{
|
||||
display: "inline",
|
||||
verticalAlign: "middle",
|
||||
marginRight: ".5em",
|
||||
}}
|
||||
>
|
||||
<Tooltip
|
||||
title={
|
||||
"This query has " +
|
||||
totalResultsCount +
|
||||
" results. Due to browser memory limitations, you will only be able to view " +
|
||||
1000 +
|
||||
" of them."
|
||||
}
|
||||
>
|
||||
<ErrorOutlineIcon fontSize="small" color="error" />
|
||||
</Tooltip>
|
||||
</span>
|
||||
)}
|
||||
Showing {startResults} - {endResults} of{` `}
|
||||
<Pluralize singular="result" count={totalItems} />
|
||||
</div>
|
||||
)}
|
||||
{totalResultsCount > 1000 && (
|
||||
<span style={{ display: "inline" }}>
|
||||
<Tooltip
|
||||
title={
|
||||
"This query has " +
|
||||
totalResultsCount +
|
||||
" results. Due to browser memory limitations, you will only be able to view " +
|
||||
1000 +
|
||||
" of them."
|
||||
}
|
||||
>
|
||||
<ErrorOutlineIcon fontSize="small" color="error" />
|
||||
</Tooltip>
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue