This commit is contained in:
syuilo
2022-12-30 13:37:14 +09:00
parent 254fede524
commit 632c7d2ac6
38 changed files with 90 additions and 90 deletions

View File

@@ -1,7 +1,7 @@
<template>
<span v-if="!fetching" class="nmidsaqw">
<template v-if="display === 'marquee'">
<transition name="change" mode="default">
<Transition name="change" mode="default">
<MarqueeText :key="key" :duration="marqueeDuration" :reverse="marqueeReverse">
<span v-for="instance in instances" :key="instance.id" class="item" :class="{ colored }" :style="{ background: colored ? instance.themeColor : null }">
<img class="icon" :src="getInstanceIcon(instance)" alt=""/>
@@ -11,7 +11,7 @@
<span class="divider"></span>
</span>
</MarqueeText>
</transition>
</Transition>
</template>
<template v-else-if="display === 'oneByOne'">
<!-- TODO -->

View File

@@ -1,13 +1,13 @@
<template>
<span v-if="!fetching" class="xbhtxfms">
<template v-if="display === 'marquee'">
<transition name="change" mode="default">
<Transition name="change" mode="default">
<MarqueeText :key="key" :duration="marqueeDuration" :reverse="marqueeReverse">
<span v-for="item in items" class="item">
<a class="link" :href="item.link" rel="nofollow noopener" target="_blank" :title="item.title">{{ item.title }}</a><span class="divider"></span>
</span>
</MarqueeText>
</transition>
</Transition>
</template>
<template v-else-if="display === 'oneByOne'">
<!-- TODO -->

View File

@@ -1,7 +1,7 @@
<template>
<span v-if="!fetching" class="osdsvwzy">
<template v-if="display === 'marquee'">
<transition name="change" mode="default">
<Transition name="change" mode="default">
<MarqueeText :key="key" :duration="marqueeDuration" :reverse="marqueeReverse">
<span v-for="note in notes" :key="note.id" class="item">
<img class="avatar" :src="note.user.avatarUrl" decoding="async"/>
@@ -11,7 +11,7 @@
<span class="divider"></span>
</span>
</MarqueeText>
</transition>
</Transition>
</template>
<template v-else-if="display === 'oneByOne'">
<!-- TODO -->

View File

@@ -21,18 +21,18 @@
</div>
</div>
<transition :name="$store.state.animation ? 'tray-back' : ''">
<Transition :name="$store.state.animation ? 'tray-back' : ''">
<div
v-if="widgetsShowing"
class="tray-back _modalBg"
@click="widgetsShowing = false"
@touchstart.passive="widgetsShowing = false"
></div>
</transition>
</Transition>
<transition :name="$store.state.animation ? 'tray' : ''">
<Transition :name="$store.state.animation ? 'tray' : ''">
<XWidgets v-if="widgetsShowing" class="tray"/>
</transition>
</Transition>
<iframe v-if="$store.state.aiChanMode" ref="live2d" class="ivnzpscs" src="https://misskey-dev.github.io/mascot-web/?scale=2&y=1.4"></iframe>

View File

@@ -54,18 +54,18 @@
<button class="button post _button" @click="os.post()"><i class="ti ti-pencil"></i></button>
</div>
<transition :name="$store.state.animation ? 'menu-back' : ''">
<Transition :name="$store.state.animation ? 'menu-back' : ''">
<div
v-if="drawerMenuShowing"
class="menu-back _modalBg"
@click="drawerMenuShowing = false"
@touchstart.passive="drawerMenuShowing = false"
></div>
</transition>
</Transition>
<transition :name="$store.state.animation ? 'menu' : ''">
<Transition :name="$store.state.animation ? 'menu' : ''">
<XDrawerMenu v-if="drawerMenuShowing" class="menu"/>
</transition>
</Transition>
<XCommon/>
</div>

View File

@@ -26,31 +26,31 @@
<button class="button post _button" @click="os.post()"><i class="ti ti-pencil"></i></button>
</div>
<transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
<Transition :name="$store.state.animation ? 'menuDrawer-back' : ''">
<div
v-if="drawerMenuShowing"
class="menuDrawer-back _modalBg"
@click="drawerMenuShowing = false"
@touchstart.passive="drawerMenuShowing = false"
></div>
</transition>
</Transition>
<transition :name="$store.state.animation ? 'menuDrawer' : ''">
<Transition :name="$store.state.animation ? 'menuDrawer' : ''">
<XDrawerMenu v-if="drawerMenuShowing" class="menuDrawer"/>
</transition>
</Transition>
<transition :name="$store.state.animation ? 'widgetsDrawer-back' : ''">
<Transition :name="$store.state.animation ? 'widgetsDrawer-back' : ''">
<div
v-if="widgetsShowing"
class="widgetsDrawer-back _modalBg"
@click="widgetsShowing = false"
@touchstart.passive="widgetsShowing = false"
></div>
</transition>
</Transition>
<transition :name="$store.state.animation ? 'widgetsDrawer' : ''">
<Transition :name="$store.state.animation ? 'widgetsDrawer' : ''">
<XWidgets v-if="widgetsShowing" class="widgetsDrawer"/>
</transition>
</Transition>
<XCommon/>
</div>

View File

@@ -21,16 +21,16 @@
</div>
</div>
<transition :name="$store.state.animation ? 'tray-back' : ''">
<Transition :name="$store.state.animation ? 'tray-back' : ''">
<div
v-if="showMenu"
class="menu-back _modalBg"
@click="showMenu = false"
@touchstart.passive="showMenu = false"
></div>
</transition>
</Transition>
<transition :name="$store.state.animation ? 'tray' : ''">
<Transition :name="$store.state.animation ? 'tray' : ''">
<div v-if="showMenu" class="menu">
<MkA to="/" class="link" active-class="active"><i class="ti ti-home icon"></i>{{ $ts.home }}</MkA>
<MkA to="/explore" class="link" active-class="active"><i class="ti ti-hash icon"></i>{{ $ts.explore }}</MkA>
@@ -41,7 +41,7 @@
<button class="_button" @click="signin()">{{ $ts.login }}</button>
</div>
</div>
</transition>
</Transition>
</div>
</template>