Make level and user profile consistent

LittleBigRefresh · Oct 24, 2023 · a4f0882 · a4f0882
1 parent 0ee94e4
commit a4f0882
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/app/pages/level/level.component.html b/src/app/pages/level/level.component.html
@@ -1,7 +1,7 @@
 <page-header-block *ngIf="level">
   <div class="flex gap-3.5">
     <level-avatar [level]="level" size="h-auto w-44 max-md:w-24"></level-avatar>
-    <div>
+    <div class="flex-grow">
       <div class="font-bold text-3xl mb-1">
         {{ level.title.length == 0 ? 'Unnamed Level' : level.title }}
 

diff --git a/src/app/pages/user/user.component.html b/src/app/pages/user/user.component.html
@@ -1,7 +1,7 @@
 <page-header-block *ngIf="user">
-  <div class="flex gap-3.5">
+  <div class="flex gap-x-3.5">
     <user-avatar [user]="user" size="h-auto w-44"></user-avatar>
-    <div>
+    <div class="flex-grow">
       <page-header class="text-3xl inline">
         {{ user.username }}'s profile
         <span-gentle>{{ getMoment(user.joinDate) }}</span-gentle>
@@ -16,12 +16,13 @@
         </div>
       </div>
 
-      <br>
-
-      <p>{{user.description.length == 0 ? 'This person hasn\'t introduced themselves yet.' : user.description}}</p>
+      <div class="bg-backdrop rounded-[11px] px-5 py-2.5 drop-shadow-lg mt-2">
+        <p>{{user.description.length == 0 ? 'This person hasn\'t introduced themselves yet.' : user.description}}</p>
+      </div>
     </div>
   </div>
 </page-header-block>
+
 <page-header-block *ngIf="ownUser?.role == UserRoles.Admin">
   <secondary-button text="Manage" class="flex" [icon]="faWrench" [routerLink]="'/admin/user/' + user?.userId"></secondary-button>
 </page-header-block>

diff --git a/src/app/pages/user/user.component.ts b/src/app/pages/user/user.component.ts
@@ -127,4 +127,5 @@ export class UserComponent implements OnInit {
   protected readonly GetAssetImageLink = GetAssetImageLink;
   protected readonly UserRoles = UserRoles;
   protected readonly faWrench = faWrench;
+  protected readonly undefined = undefined;
 }