Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui fix

Browse source
This commit is contained in:
mattyatea 2024-01-24 01:14:06 +09:00
parent 7dd7c6ad4a
commit 6286e94f66
5 changed files with 30 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

3
packages/frontend/src/components/global/MkPageHeader.tabs.vue
View file

@ -53,7 +53,7 @@ export type Tab = {
</script>
<script lang="ts" setup>
import {onMounted, onUnmounted, watch, nextTick, shallowRef, ref, computed} from 'vue';
import { onMounted, onUnmounted, watch, nextTick, shallowRef, ref, computed } from 'vue';
import { defaultStore } from '@/store.js';
const gamingType = computed(defaultStore.makeGetterSetter('gamingType'));
@ -232,6 +232,7 @@ onUnmounted(() => {
.tabIcon + .tabTitle {
padding-left: 4px;
font-weight: 900;
}
.tabTitle {

5
packages/frontend/src/components/global/MkPageHeader.vue
View file

@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-else-if="!thin_ && narrow && !hideTitle" :class="$style.buttonsLeft"/>
<template v-if="metadata">
<div v-if="!hideTitle" :class="$style.titleContainer" @click="top">
<div v-if="!hideTitle && !hide" :class="$style.titleContainer" @click="top">
<div v-if="metadata.avatar" :class="$style.titleAvatarContainer">
<MkAvatar :class="$style.titleAvatar" :user="metadata.avatar" indicator/>
</div>
@ -56,6 +56,7 @@ const props = withDefaults(defineProps<{
actions?: PageHeaderItem[] | null;
thin?: boolean;
displayMyAvatar?: boolean;
hide?:boolean;
}>(), {
tabs: () => ([] as Tab[]),
});
@ -143,7 +144,7 @@ onUnmounted(() => {
}
.upper {
--height: 50px;
--height: 55px;
display: flex;
gap: var(--margin);
height: var(--height);