fix(layout): align chat side columns with fixed header

This commit is contained in:
lizerk 2026-04-14 23:35:28 +03:00
parent 8f103e6768
commit 59b735d549
2 changed files with 6 additions and 3 deletions

View File

@ -341,7 +341,7 @@ function LeftNavContent({ onNavigate }: LeftNavContentProps) {
function LeftNav() {
return (
<aside className="hidden w-64 flex-shrink-0 lg:block lg:sticky lg:self-start lg:top-22 lg:max-h-[calc(100vh-5.5rem)] lg:overflow-y-auto">
<aside className="hidden w-64 flex-shrink-0 lg:block lg:sticky lg:self-start lg:top-8 lg:max-h-[calc(100vh-7.5rem)] lg:overflow-y-auto">
<div className="space-y-4 lg:pb-2">
<LeftNavContent />
</div>

View File

@ -6,7 +6,10 @@ import type { CalendarEvent } from "@/services/calendarService";
interface CalendarSidebarProps {
onOpenCalendarModal: (calendar?: { id?: number; name: string }) => void;
onOpenEventModal: (event: any, date?: Date) => void;
onOpenEventModal: (
event: Partial<CalendarEvent> & { id?: number; calendar?: number | null },
date?: Date,
) => void;
onOpenParticipantsModal: (calendar: { id: number; name: string; user_role?: string }) => void;
eventsRefreshTrigger: number;
setEventsRefreshTrigger: (value: number | ((prev: number) => number)) => void;
@ -20,7 +23,7 @@ interface CalendarSidebarProps {
export const CalendarSidebar = memo(function CalendarSidebar(props: CalendarSidebarProps) {
return (
<aside className="hidden w-72 flex-shrink-0 space-y-4 lg:block">
<div className="sticky top-22 space-y-4 lg:pb-2 max-h-[calc(100vh-5.5rem)] overflow-y-auto">
<div className="sticky top-8 space-y-4 lg:pb-2 max-h-[calc(100vh-7.5rem)] overflow-y-auto">
<CalendarCard {...props} />
</div>
</aside>