Merge pull request #58 from AnguHashBlog/main

minor adjustments

Author: esthersoftwaredev

angular-primeng-app/src/app/app.component.html

@@ -3,6 +3,7 @@
   <router-outlet />
 </div>
 <app-footer />
+
 @if (showScrollButton) {
-<p-button class="pageUpButton" (click)="scrollToTop()" icon="pi pi-angle-up" [rounded]="true" size="small"></p-button>
-}
+<p-button class="scroll-btn" (click)="scrollToTop()" icon="pi pi-angle-up" [rounded]="true" size="small"></p-button>
+}

angular-primeng-app/src/app/app.component.scss

@@ -6,9 +6,9 @@
   width: 100%;
 }
 
-.pageUpButton {
+.scroll-btn {
   position: fixed;
-  bottom: 10px;
-  right: 14px;
+  bottom: 1rem;
+  right: 1rem;
 }
 

angular-primeng-app/src/app/app.component.ts

@@ -58,7 +58,7 @@ export class AppComponent implements OnInit, OnDestroy {
 	@HostListener('window:scroll', [])
 	onWindowScroll() {
 		const yOffset = window.pageYOffset || document.documentElement.scrollTop;
-		if (yOffset > 300) { 
+		if (yOffset > 500) {
 			this.showScrollButton = true;
 		} else {
 			this.showScrollButton = false;