fix: scroll in router-outlet

apps/NwaifuWeb/src/app/app.component.html

@@ -1,6 +1,6 @@
 <header>
   <app-panel></app-panel>
 </header>
-<main class="main">
+<main>
   <router-outlet></router-outlet>
 </main>

apps/NwaifuWeb/src/app/app.component.less

@@ -1,5 +1,5 @@
-.main {
-  display: block;
+main {
+  overflow-y: auto;
   width: 100%;
   height: calc(100% - 2rem);
   background-image: url("../assets/img/wallpaper.png");

apps/NwaifuWeb/src/app/modules/desktop-icon/desktop-icon.component.less

@@ -6,4 +6,13 @@
   width: 3rem;
   height: 3rem;
   color: white;
+  user-select: none;
+  width: fit-content;
+  height: fit-content;
+  padding: 1rem;
+  border-radius: 10px;
+  transition: .2s ease-in-out;
+  &:hover {
+    background-color: rgba(25, 17, 19, 0.7);
+  }
 }

apps/NwaifuWeb/src/app/pages/nitroplus-translator/components/text_list/text_list.component.scss

@@ -6,12 +6,6 @@
   margin-inline: 2rem;
 }
 
-// fix scroll on router click
-:host {
-  overflow-y: scroll;
-  height: fit-content;
-}
-
 h1 {
   color: #efdee0;
   text-align: center;

apps/NwaifuWeb/src/styles.less

@@ -25,16 +25,10 @@
   font-weight: 400;
   font-style: normal;
 }
-html {
-  position: relative;
-  height: 100%;
-}
-body {
+html, body {
   width: 100%;
-  height: 100vh;
-  position: absolute;
-  top: 0;
-  left: 0;
+  height: 100%;
+  position: relative;
 }
 ngneat-dialog {
   .ngneat-dialog-backdrop {