diff --git a/src/main/angular/src/app/dashboard/dashboard.component.html b/src/main/angular/src/app/dashboard/dashboard.component.html index a3f3c7f..e9ecc46 100644 --- a/src/main/angular/src/app/dashboard/dashboard.component.html +++ b/src/main/angular/src/app/dashboard/dashboard.component.html @@ -1,5 +1,7 @@ -@for (plot of plots; track plot.id) { -
- -
-} +
+ @for (plot of plots; track plot.id) { +
+ +
+ } +
diff --git a/src/main/angular/src/app/dashboard/dashboard.component.less b/src/main/angular/src/app/dashboard/dashboard.component.less index 7e7c7c4..d4d4632 100644 --- a/src/main/angular/src/app/dashboard/dashboard.component.less +++ b/src/main/angular/src/app/dashboard/dashboard.component.less @@ -1,4 +1,12 @@ -.plot { - height: 60vw; - max-height: 100vh; +.plots { + scroll-snap-type: y mandatory; + height: 100vh; + overflow-y: scroll; + scroll-behavior: smooth; + + .plot { + height: 60vw; + scroll-snap-align: start; + max-height: 100vh; + } }