Support all widths
This commit is contained in:
parent
017ed7932e
commit
4f5433b014
@ -31,7 +31,7 @@ export default function Component({ service }) {
|
|||||||
})) ?? [], [widget.integrations]);
|
})) ?? [], [widget.integrations]);
|
||||||
|
|
||||||
return <Container service={service}>
|
return <Container service={service}>
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col w-full">
|
||||||
<div className="sticky top-0">
|
<div className="sticky top-0">
|
||||||
{integrations.map(integration => {
|
{integrations.map(integration => {
|
||||||
const Integration = integration.service;
|
const Integration = integration.service;
|
||||||
|
|||||||
@ -71,15 +71,10 @@ export function Day({ weekNumber, weekday, events }) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function Event({ event }) {
|
export function Event({ event }) {
|
||||||
let title = event.title.slice(0,55);
|
|
||||||
if (title !== event.title) {
|
|
||||||
title += "...";
|
|
||||||
}
|
|
||||||
|
|
||||||
return <div
|
return <div
|
||||||
key={event.title}
|
key={event.title}
|
||||||
className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1"
|
className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1"
|
||||||
><span className="absolute left-2 text-xs mt-[2px]">{title}</span>
|
><span className="absolute left-2 text-left text-xs mt-[2px] truncate text-ellipsis" style={{width: '96%'}}>{event.title}</span>
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user