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-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 items-start justify-between gap-4">
<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 shrink-0">
<div>
<div className="flex items-center gap-2 text-xs font-semibold uppercase text-muted-foreground">
<PlayCircle className="size-4 text-primary" />
@@ -911,6 +911,7 @@ function TrainingGuidePanel({
<X className="size-4" />
</Button>
</div>
<div className="flex-1 overflow-y-auto py-4">
<div className="space-y-3">
<div className="flex items-center gap-3">
{step.icon ? (
@@ -923,7 +924,7 @@ function TrainingGuidePanel({
<p className="text-sm text-muted-foreground">{step.description}</p>
</div>
{step.sections?.length ? (
<div className="space-y-4">
<div className="mt-6 space-y-4">
{step.sections.map((section) => (
<div
key={section.title}
@@ -959,7 +960,7 @@ function TrainingGuidePanel({
))}
</div>
) : 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) => (
<li
key={point}
@@ -970,7 +971,8 @@ function TrainingGuidePanel({
))}
</ul>
) : 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>