Various front-end fixes

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/components/Account/ActorCard.vue

@@ -6,7 +6,7 @@
     <div class="flex pl-2">
       <figure class="w-12 h-12" v-if="actor.avatar">
         <img
-          class="rounded-lg"
+          class="rounded-full object-cover h-full"
           :src="actor.avatar.url"
           alt=""
           width="48"

js/src/components/Discussion/DiscussionComment.vue

@@ -146,7 +146,7 @@ const props = defineProps<{
 
 const emit = defineEmits(["update:modelValue", "deleteComment"]);
 
-const { t } = useI18n({useScope: 'global'});
+const { t } = useI18n({ useScope: "global" });
 
 const comment = computed(() => props.modelValue);
 

js/src/components/Group/GroupCard.vue

@@ -2,7 +2,7 @@
   <LinkOrRouterLink
     :to="to"
     :isInternal="isInternal"
-    class="mbz-card shrink-0 dark:bg-mbz-purple dark:text-white rounded-lg shadow-lg my-4 flex items-center flex-col"
+    class="mbz-card shrink-0 dark:bg-mbz-purple dark:text-white rounded-lg shadow-lg flex items-center flex-col"
     :class="{
       'sm:flex-row': mode === 'row',
       'sm:max-w-xs sm:w-[18rem] shrink-0 flex flex-col': mode === 'column',

js/src/components/NavBar.vue

@@ -77,9 +77,9 @@
             >
               <div class="flex gap-1 items-center">
                 <div class="flex-none">
-                  <figure class="" v-if="identity.avatar">
+                  <figure class="h-8 w-8" v-if="identity.avatar">
                     <img
-                      class="rounded-full h-8 w-8"
+                      class="rounded-full object-cover h-full"
                       loading="lazy"
                       :src="identity.avatar.url"
                       alt=""

js/src/components/TextEditor.vue

@@ -238,7 +238,7 @@ import FormatListNumbered from "vue-material-design-icons/FormatListNumbered.vue
 import FormatQuoteClose from "vue-material-design-icons/FormatQuoteClose.vue";
 import Undo from "vue-material-design-icons/Undo.vue";
 import Redo from "vue-material-design-icons/Redo.vue";
-import Placeholder from '@tiptap/extension-placeholder'
+import Placeholder from "@tiptap/extension-placeholder";
 
 const props = withDefaults(
   defineProps<{
@@ -332,8 +332,8 @@ const editor = useEditor({
       submit: () => emit("submit"),
     }),
     Placeholder.configure({
-      placeholder: props.placeholder ?? t('Write something')
-    })
+      placeholder: props.placeholder ?? t("Write something"),
+    }),
   ],
   injectCSS: false,
   content: props.modelValue,