mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 22:53:25 +00:00
21 lines
379 B
TypeScript
21 lines
379 B
TypeScript
import styled from '@emotion/styled';
|
|
|
|
const TextEllipsis = styled.p<{ lines?: number }>(({ lines = 1 }) => {
|
|
if (lines > 1) {
|
|
return {
|
|
overflow: 'hidden',
|
|
display: '-webkit-box',
|
|
WebkitLineClamp: lines,
|
|
WebkitBoxOrient: 'vertical',
|
|
};
|
|
}
|
|
|
|
return {
|
|
textOverflow: 'ellipsis',
|
|
whiteSpace: 'nowrap',
|
|
overflow: 'hidden',
|
|
};
|
|
});
|
|
|
|
export default TextEllipsis;
|