Fix design of image popup

aleksis/core/assets/components/person/AvatarClickBox.vue

@@ -2,19 +2,19 @@
   <v-dialog
     v-model="overlay"
     max-width="fit-content"
+    max-height="fit-content"
   >
     <template v-slot:activator="{ on, attrs }">
       <v-card class="rounded-circle">
-        <v-responsive :aspect-ratio="1"
-              v-bind="attrs"
-              v-on="on">
+        <v-responsive
+            :aspect-ratio="1"
+            v-bind="attrs"
+            v-on="on">
           <AvatarContent :id="id" class="rounded-circle"/>
         </v-responsive>
       </v-card>
     </template>
-    <v-sheet class="d-flex justify-center align-center flex-column text-center transparent">
-      <AvatarContent :id="id" contain class="inDialog"/>
-    </v-sheet>
+    <AvatarContent :id="id" contain class="inDialog"/>
   </v-dialog>
 </template>
 
@@ -38,8 +38,8 @@ export default {
 
 <style scoped>
   .inDialog {
-    height: 80vmin;
+    /* FIXME: find a way to enlarge image */
+    max-height: 80vmin;
     width: 80vmin;
-    aspect-ratio: 1;
   }
 </style>