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

🎨

Browse source
This commit is contained in:
kakkokari-gtyih 2024-06-06 19:38:29 +09:00
parent ed0389bf60
commit 51366e2940
3 changed files with 75 additions and 75 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
packages/frontend/src/pages/embed/clip.vue
View file

@ -4,39 +4,39 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div> <div>
<MkLoading v-if="loading"/> <MkLoading v-if="loading"/>
<XEmbedTimelineUI v-else-if="clip" :showHeader="normalizedShowHeader"> <XEmbedTimelineUI v-else-if="clip" :showHeader="normalizedShowHeader">
<template #header> <template #header>
<div :class="$style.clipHeader"> <div :class="$style.clipHeader">
<div :class="$style.headerClipIconRoot"> <div :class="$style.headerClipIconRoot">
<i class="ti ti-paperclip"></i> <i class="ti ti-paperclip"></i>
</div>
<div :class="$style.headerTitle" @click="top">
<div class="_nowrap"><a :href="`/clips/${clip.id}`" target="_blank" rel="noopener">{{ clip.name }}</a></div>
<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
</div>
<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
<img
:class="$style.instanceIcon"
:src="instance.iconUrl || '/favicon.ico'"
/>
</a>
</div> </div>
</template> <div :class="$style.headerTitle" @click="top">
<template #body> <div class="_nowrap"><a :href="`/clips/${clip.id}`" target="_blank" rel="noopener">{{ clip.name }}</a></div>
<MkNotes <div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
ref="notesEl" </div>
:class="$style.userTimelineNotes" <a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
:pagination="pagination" <img
:disableAutoLoad="!normalizedEnableAutoLoad" :class="$style.instanceIcon"
:noGap="true" :src="instance.iconUrl || '/favicon.ico'"
:ad="false" />
/> </a>
</template> </div>
</XEmbedTimelineUI> </template>
<XNotFound v-else/> <template #body>
</div> <MkNotes
ref="notesEl"
:class="$style.userTimelineNotes"
:pagination="pagination"
:disableAutoLoad="!normalizedEnableAutoLoad"
:noGap="true"
:ad="false"
/>
</template>
</XEmbedTimelineUI>
<XNotFound v-else/>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

10
packages/frontend/src/pages/embed/note.vue
View file

@ -4,11 +4,11 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div :class="$style.noteEmbedRoot"> <div :class="$style.noteEmbedRoot">
<MkLoading v-if="loading"/> <MkLoading v-if="loading"/>
<MkNoteDetailed v-else-if="note" :note="note"/> <MkNoteDetailed v-else-if="note" :note="note"/>
<XNotFound v-else/> <XNotFound v-else/>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

76
packages/frontend/src/pages/embed/user-timeline.vue
View file

@ -4,45 +4,45 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div> <div>
<MkLoading v-if="loading"/> <MkLoading v-if="loading"/>
<XEmbedTimelineUI v-else-if="user" :showHeader="normalizedShowHeader"> <XEmbedTimelineUI v-else-if="user" :showHeader="normalizedShowHeader">
<template #header> <template #header>
<div :class="$style.userHeader"> <div :class="$style.userHeader">
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer" :class="$style.avatarLink"> <a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer" :class="$style.avatarLink">
<MkAvatar :class="$style.avatar" :user="user"/> <MkAvatar :class="$style.avatar" :user="user"/>
</a> </a>
<div :class="$style.headerTitle" @click="top"> <div :class="$style.headerTitle" @click="top">
<I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap"> <I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap">
<template #user> <template #user>
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer"> <a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
<MkUserName :user="user"/> <MkUserName :user="user"/>
</a> </a>
</template> </template>
</I18n> </I18n>
<div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div> <div :class="$style.sub">{{ i18n.tsx.fromX({ x: instanceName }) }}</div>
</div>
<a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
<img
:class="$style.instanceIcon"
:src="instance.iconUrl || '/favicon.ico'"
/>
</a>
</div> </div>
</template> <a :href="url" :class="$style.instanceIconLink" target="_blank" rel="noopener noreferrer">
<template #body> <img
<MkNotes :class="$style.instanceIcon"
ref="notesEl" :src="instance.iconUrl || '/favicon.ico'"
:class="$style.userTimelineNotes" />
:pagination="pagination" </a>
:disableAutoLoad="!normalizedEnableAutoLoad" </div>
:noGap="true" </template>
:ad="false" <template #body>
/> <MkNotes
</template> ref="notesEl"
</XEmbedTimelineUI> :class="$style.userTimelineNotes"
<XNotFound v-else/> :pagination="pagination"
</div> :disableAutoLoad="!normalizedEnableAutoLoad"
:noGap="true"
:ad="false"
/>
</template>
</XEmbedTimelineUI>
<XNotFound v-else/>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">