root/tgex-frontend
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: training scroll fix

Browse Source
This commit is contained in:
ivannoskov
2026-01-21 10:42:47 +03:00
parent 0af5cd7458
commit 8958d89d12
1 changed files with 62 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/layout/app-sidebar.tsx
View File

@@ -891,8 +891,8 @@ function TrainingGuidePanel({
aria-modal="true" aria-modal="true"
aria-label="Обучение платформе" aria-label="Обучение платформе"
> >
<div className="flex h-full w-full max-w-md flex-col gap-6 border-l bg-background/95 p-6 shadow-2xl backdrop-blur"> <div className="flex h-full w-full max-w-md flex-col border-l bg-background/95 p-6 shadow-2xl backdrop-blur">
<div className="flex items-start justify-between gap-4"> <div className="flex items-start justify-between gap-4 shrink-0">
<div> <div>
<div className="flex items-center gap-2 text-xs font-semibold uppercase text-muted-foreground"> <div className="flex items-center gap-2 text-xs font-semibold uppercase text-muted-foreground">
<PlayCircle className="size-4 text-primary" /> <PlayCircle className="size-4 text-primary" />
@@ -911,6 +911,7 @@ function TrainingGuidePanel({
<X className="size-4" /> <X className="size-4" />
</Button> </Button>
</div> </div>
<div className="flex-1 overflow-y-auto py-4">
<div className="space-y-3"> <div className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
{step.icon ? ( {step.icon ? (
@@ -923,7 +924,7 @@ function TrainingGuidePanel({
<p className="text-sm text-muted-foreground">{step.description}</p> <p className="text-sm text-muted-foreground">{step.description}</p>
</div> </div>
{step.sections?.length ? ( {step.sections?.length ? (
<div className="space-y-4"> <div className="mt-6 space-y-4">
{step.sections.map((section) => ( {step.sections.map((section) => (
<div <div
key={section.title} key={section.title}
@@ -959,7 +960,7 @@ function TrainingGuidePanel({
))} ))}
</div> </div>
) : step.points?.length ? ( ) : step.points?.length ? (
<ul className="space-y-3 text-sm text-muted-foreground"> <ul className="mt-6 space-y-3 text-sm text-muted-foreground">
{step.points.map((point) => ( {step.points.map((point) => (
<li <li
key={point} key={point}
@@ -970,7 +971,8 @@ function TrainingGuidePanel({
))} ))}
</ul> </ul>
) : null} ) : null}
<div className="mt-auto flex gap-2 pt-2"> </div>
<div className="flex gap-2 pt-4 shrink-0">
<Button variant="outline" onClick={onPrev} disabled={stepIndex === 0}> <Button variant="outline" onClick={onPrev} disabled={stepIndex === 0}>
Назад Назад
</Button> </Button>