Update overlay design for improved appearance

src/app/components/main-chat/channel-information/channel-information.component.html

@@ -1,5 +1,6 @@
 <div class="menu" (click)="closeMenu()">
   <div class="whiteBox" (click)="preventCloseWhiteBox($event)">
+    <div class="content">
       @for (channel of getChannelName(currentChannel); track channel) {
       <div class="headerBox">
         <div class="headline">
@@ -129,8 +130,8 @@
         </div>
         <div class="allUsers">
           @for(allMembers of getAllChannelMembers(currentChannel)[0].addedUser;
-        track allMembers) { @for (user of getChatUsers(allMembers); track user)
-        {
+          track allMembers) { @for (user of getChatUsers(allMembers); track
+          user) {
           <div class="user" (click)="openUserWindow(user)">
             <div class="imgBox">
               <img src="{{ user.avatar }}" class="userImg" />
@@ -167,4 +168,5 @@
         </button>
       </div>
     </div>
+  </div>
 </div>

src/app/components/main-chat/channel-information/channel-information.component.scss

@@ -20,6 +20,10 @@
     left: 460px;
     height: fit-content;
     overflow: none;
+    .content {
+      overflow: auto;
+      max-height: 580px;
+    }
   }
 }