mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2025-01-06 13:56:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

Minor header improvements

Browse Source
This commit is contained in:
MD 2022-03-21 15:33:41 +00:00
parent 7628b2e0a3
commit a3ce0f2aff
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend-new/src/components/UserAvatar.vue
View File

@ -4,7 +4,7 @@ import { computed } from "vue";
const props = withDefaults(
defineProps<{
username: string;
size?: string;
size?: "xs" | "sm" | "md" | "lg";
}>(),
{
size: "md",
@ -21,7 +21,7 @@ const sizeClass = computed(() => {
</script>
<template>
<div :class="'bg-gray-100 dark:bg-gray-900 rounded-lg ' + sizeClass">
<div :class="'bg-light-300 dark:bg-dark-500 rounded-lg ' + sizeClass">
<span
>{{ username }}'s<br />
avatar</span

5
frontend-new/src/components/projects/ProjectHeader.vue
View File

@ -3,6 +3,7 @@ import { PropType } from "vue";
import { Project, User } from "hangar-api";
import UserAvatar from "~/components/UserAvatar.vue";
import Button from "~/components/design/Button.vue";
import Card from "~/components/design/Card.vue";
defineProps({
user: {
@ -17,7 +18,7 @@ defineProps({
</script>
<template>
<section class="background-header rounded-lg p-4">
<Card>
<div class="flex">
<UserAvatar :username="project.namespace.owner"></UserAvatar>
<div class="flex-grow mx-4">
@ -32,5 +33,5 @@ defineProps({
<Button>Download latest</Button>
</div>
</div>
</section>
</Card>
</template>