Support all widths
This commit is contained in:
parent
017ed7932e
commit
4f5433b014
@ -31,7 +31,7 @@ export default function Component({ service }) {
|
||||
})) ?? [], [widget.integrations]);
|
||||
|
||||
return <Container service={service}>
|
||||
<div className="flex flex-col">
|
||||
<div className="flex flex-col w-full">
|
||||
<div className="sticky top-0">
|
||||
{integrations.map(integration => {
|
||||
const Integration = integration.service;
|
||||
|
||||
@ -71,15 +71,10 @@ export function Day({ weekNumber, weekday, events }) {
|
||||
}
|
||||
|
||||
export function Event({ event }) {
|
||||
let title = event.title.slice(0,55);
|
||||
if (title !== event.title) {
|
||||
title += "...";
|
||||
}
|
||||
|
||||
return <div
|
||||
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"
|
||||
><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>
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user