sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Default UI redesign (#7429)

Browse Source 
* wip

* wip

* wip

* wip

* Update default.sidebar.vue

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* Update sticky-sidebar.ts

* wip

* wip

* Update messaging-room.form.vue

* Update timeline.vue
This commit is contained in:
syuilo
2021-04-10 12:40:50 +09:00
committed by GitHub
parent 7d2126e2b2
commit d3fe02fb3e
81 changed files with 1532 additions and 658 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/client/pages/note.vue
View File

@@ -1,12 +1,12 @@
<template>
<div class="fcuexfpr">
<div class="fcuexfpr _root">
<div v-if="note" class="note" v-anim>
<div class="_section" v-if="showNext">
<div class="_vMargin" v-if="showNext">
<XNotes class="_content _noGap_" :pagination="next"/>
</div>
<div class="_section main">
<MkButton v-if="!showNext && hasNext" class="load next _content" @click="showNext = true"><Fa :icon="faChevronUp"/></MkButton>
<div class="main _vMargin">
<MkButton v-if="!showNext && hasNext" class="load next" @click="showNext = true"><Fa :icon="faChevronUp"/></MkButton>
<div class="_content _vMargin">
<MkRemoteCaution v-if="note.user.host != null" :href="note.url || note.uri" class="_vMargin"/>
<XNoteDetailed v-model:note="note" :key="note.id" class="_vMargin"/>
@@ -21,10 +21,10 @@
</div>
</MkA>
</div>
<MkButton v-if="!showPrev && hasPrev" class="load prev _content" @click="showPrev = true"><Fa :icon="faChevronDown"/></MkButton>
<MkButton v-if="!showPrev && hasPrev" class="load prev" @click="showPrev = true"><Fa :icon="faChevronDown"/></MkButton>
</div>
<div class="_section" v-if="showPrev">
<div class="_vMargin" v-if="showPrev">
<XNotes class="_content _noGap_" :pagination="prev"/>
</div>
</div>
@@ -137,6 +137,7 @@ export default defineComponent({
> .main {
> .load {
min-width: 0;
margin: 0 auto;
border-radius: 999px;
&.next {
@@ -165,7 +166,7 @@ export default defineComponent({
> .user {
$height: 32px;
padding-top: 16px;
border-top: solid 1px var(--divider);
border-top: solid 0.5px var(--divider);
line-height: $height;
> .avatar {