Support all widths

This commit is contained in:
shamoon 2023-09-27 22:10:54 -07:00
parent 017ed7932e
commit 4f5433b014
2 changed files with 2 additions and 7 deletions

View File

@ -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;

View File

@ -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>
} }