diff --git a/Caddyfile b/Caddyfile index c39e00ea2b7e..f22327c8f9ac 100644 --- a/Caddyfile +++ b/Caddyfile @@ -20,6 +20,13 @@ file_server } + # Handles User Images + handle_path /api/media/users/* { + header @static Cache-Control max-age=31536000 + root * /app/data/users/ + file_server + } + handle @proxied { uri strip_suffix / reverse_proxy http://127.0.0.1:9000 diff --git a/frontend/components/Domain/Recipe/RecipeComments.vue b/frontend/components/Domain/Recipe/RecipeComments.vue index 2791acb3fd8e..58711ccccb5d 100644 --- a/frontend/components/Domain/Recipe/RecipeComments.vue +++ b/frontend/components/Domain/Recipe/RecipeComments.vue @@ -9,9 +9,8 @@
- - user - + +
- - user - +

{{ comment.user.username }} • {{ $d(Date.parse(comment.createdAt), "medium") }}

@@ -60,8 +57,12 @@ import { defineComponent, ref, toRefs, onMounted, reactive } from "@nuxtjs/composition-api"; import { useUserApi } from "~/composables/api"; import { RecipeComment } from "~/api/class-interfaces/recipes/types"; +import UserAvatar from "~/components/Domain/User/UserAvatar.vue"; export default defineComponent({ + components: { + UserAvatar, + }, props: { slug: { type: String, diff --git a/frontend/components/Domain/User/UserAvatar.vue b/frontend/components/Domain/User/UserAvatar.vue new file mode 100644 index 000000000000..c0a7f6f9b2c1 --- /dev/null +++ b/frontend/components/Domain/User/UserAvatar.vue @@ -0,0 +1,46 @@ + + + \ No newline at end of file diff --git a/frontend/components/Layout/AppSidebar.vue b/frontend/components/Layout/AppSidebar.vue index 9784bdffe0b9..1ce8879572c2 100644 --- a/frontend/components/Layout/AppSidebar.vue +++ b/frontend/components/Layout/AppSidebar.vue @@ -3,9 +3,7 @@