added option to disable aspect ratio for profiles

src/components/user_card/user_card.js

@@ -114,6 +114,12 @@ export default {
       type: Boolean,
       default: false,
     },
+    // Disable forced 3:1 aspect ratio
+    compact: {
+      required: false,
+      type: Boolean,
+      default: false,
+    }
   },
   components: {
     DialogModal,

src/components/user_card/user_card.scss

@@ -165,12 +165,15 @@
 
   .user-identity {
     position: relative;
-    aspect-ratio: 3;
     min-height: 6em;
     display: flex;
     align-items: flex-end;
     container: user-card / inline-size;
 
+    &:not(.-compact) {
+      aspect-ratio: 3;
+    }
+
     > * {
       min-width: 0;
     }

src/components/user_card/user_card.vue

@@ -2,7 +2,10 @@
   <div class="user-card">
     <div class="user-card-inner">
       <div class="user-info">
-        <div class="user-identity">
+        <div
+          class="user-identity"
+          :class="{ '-compact': compact }"
+        >
           <div class="header-overlay">
             <div class="banner-image">
               <img