wip
This commit is contained in:
syuilo
parent
7326f45ffd
commit
598e39a1f3
|
|
@ -6,7 +6,7 @@
|
|||
<button class="_button back" v-if="canBack" @click="back()"><fa :icon="faChevronLeft"/></button>
|
||||
</transition>
|
||||
<transition :name="$store.state.device.animation ? 'header' : ''" mode="out-in" appear>
|
||||
<div class="body" :key="pageKey" id="_teleport_header"></div>
|
||||
<portal-target class="body" :key="pageKey" name="header"></portal-target>
|
||||
</transition>
|
||||
</div>
|
||||
<div class="sub">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="znqjceqz">
|
||||
<teleport to="#_teleport_header">{{ $t('aboutMisskey') }}</teleport>
|
||||
<portal to="header">{{ $t('aboutMisskey') }}</portal>
|
||||
|
||||
<section class="_card">
|
||||
<div class="_title">{{ $t('aboutMisskey') }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mmnnbwxb">
|
||||
<teleport to="#_teleport_header"><fa :icon="faInfoCircle"/>{{ $t('about') }}</teleport>
|
||||
<portal to="header"><fa :icon="faInfoCircle"/>{{ $t('about') }}</portal>
|
||||
|
||||
<section class="_card info" v-if="meta">
|
||||
<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faBroadcastTower"/>{{ $t('announcements') }}</teleport>
|
||||
<portal to="header"><fa :icon="faBroadcastTower"/>{{ $t('announcements') }}</portal>
|
||||
|
||||
<mk-pagination :pagination="pagination" #default="{items}" class="ruryvtyk" ref="list">
|
||||
<section class="_card announcement" v-for="(announcement, i) in items" :key="announcement.id">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faPlug"/>{{ $t('installedApps') }}</teleport>
|
||||
<portal to="header"><fa :icon="faPlug"/>{{ $t('installedApps') }}</portal>
|
||||
|
||||
<mk-pagination :pagination="pagination" class="bfomjevm" ref="list">
|
||||
<template #empty>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faSatelliteDish"/>{{ channelId ? $t('_channel.edit') : $t('_channel.create') }}</teleport>
|
||||
<portal to="header"><fa :icon="faSatelliteDish"/>{{ channelId ? $t('_channel.edit') : $t('_channel.create') }}</portal>
|
||||
|
||||
<div class="_card">
|
||||
<div class="_content">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div v-if="channel">
|
||||
<teleport to="#_teleport_header"><fa :icon="faSatelliteDish"/>{{ channel.name }}</teleport>
|
||||
<portal to="header"><fa :icon="faSatelliteDish"/>{{ channel.name }}</portal>
|
||||
|
||||
<div class="wpgynlbz _panel _vMargin" :class="{ hide: !showBanner }">
|
||||
<x-channel-follow-button :channel="channel" :full="true" class="subscribe"/>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faSatelliteDish"/>{{ $t('channel') }}</teleport>
|
||||
<portal to="header"><fa :icon="faSatelliteDish"/>{{ $t('channel') }}</portal>
|
||||
|
||||
<mk-tab v-model="tab" :items="[{ label: $t('_channel.featured'), value: 'featured', icon: faFireAlt }, { label: $t('_channel.following'), value: 'following', icon: faHeart }, { label: $t('_channel.owned'), value: 'owned', icon: faEdit }]"/>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faFileAlt"/>{{ title }}</teleport>
|
||||
<portal to="header"><fa :icon="faFileAlt"/>{{ title }}</portal>
|
||||
<main class="_card">
|
||||
<div class="_title"><fa :icon="faFileAlt"/> {{ title }}</div>
|
||||
<div class="_content">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faQuestionCircle"/>{{ $t('help') }}</teleport>
|
||||
<portal to="header"><fa :icon="faQuestionCircle"/>{{ $t('help') }}</portal>
|
||||
<main class="_card">
|
||||
<div class="_content">
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<template>
|
||||
<div class="full">
|
||||
<teleport to="#_teleport_header">
|
||||
<portal to="header">
|
||||
<button @click="menu" class="_button _jmoebdiw_">
|
||||
<fa :icon="faCloud" style="margin-right: 8px;"/>
|
||||
<span v-if="folder">{{ $t('drive') }} ({{ folder.name }})</span>
|
||||
<span v-else>{{ $t('drive') }}</span>
|
||||
<fa :icon="menuOpened ? faAngleUp : faAngleDown" style="margin-left: 8px;"/>
|
||||
</button>
|
||||
</teleport>
|
||||
</portal>
|
||||
<x-drive ref="drive" @cd="x => folder = x"/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faHashtag"/>{{ $t('explore') }}</teleport>
|
||||
<portal to="header"><fa :icon="faHashtag"/>{{ $t('explore') }}</portal>
|
||||
|
||||
<div class="localfedi7 _panel" v-if="meta && stats && tag == null" :style="{ backgroundImage: meta.bannerUrl ? `url(${meta.bannerUrl})` : null }">
|
||||
<header><span>{{ $t('explore', { host: meta.name || 'Misskey' }) }}</span></header>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faStar"/>{{ $t('favorites') }}</teleport>
|
||||
<portal to="header"><fa :icon="faStar"/>{{ $t('favorites') }}</portal>
|
||||
<x-notes :pagination="pagination" :detail="true" :prop="'note'" @before="before()" @after="after()"/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faFireAlt"/>{{ $t('featured') }}</teleport>
|
||||
<portal to="header"><fa :icon="faFireAlt"/>{{ $t('featured') }}</portal>
|
||||
<x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faUserClock"/>{{ $t('followRequests') }}</teleport>
|
||||
<portal to="header"><fa :icon="faUserClock"/>{{ $t('followRequests') }}</portal>
|
||||
|
||||
<mk-pagination :pagination="pagination" class="mk-follow-requests" ref="list">
|
||||
<template #empty>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-home" v-hotkey.global="keymap">
|
||||
<teleport to="#_teleport_header" v-if="showTitle">
|
||||
<portal to="header" v-if="showTitle">
|
||||
<button @click="choose" class="_button _kjvfvyph_">
|
||||
<i><fa v-if="$store.state.i.hasUnreadAntenna || $store.state.i.hasUnreadChannel" :icon="faCircle"/></i>
|
||||
<fa v-if="src === 'home'" :icon="faHome"/>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<span style="margin-left: 8px;">{{ src === 'list' ? list.name : src === 'antenna' ? antenna.name : src === 'channel' ? channel.name : $t('_timelines.' + src) }}</span>
|
||||
<fa :icon="menuOpened ? faAngleUp : faAngleDown" style="margin-left: 8px;"/>
|
||||
</button>
|
||||
</teleport>
|
||||
</portal>
|
||||
|
||||
<div class="new" v-if="queue > 0" :style="{ width: width + 'px' }"><button class="_buttonPrimary" @click="top()">{{ $t('newNoteRecived') }}</button></div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div v-if="meta" class="mk-welcome">
|
||||
<teleport to="#_teleport_header">{{ instanceName }}</teleport>
|
||||
<portal to="header">{{ instanceName }}</portal>
|
||||
<x-setup v-if="meta.requireSetup"/>
|
||||
<x-entrance v-else/>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="ztgjmzrw">
|
||||
<teleport to="#_teleport_header"><fa :icon="faBroadcastTower"/>{{ $t('announcements') }}</teleport>
|
||||
<portal to="header"><fa :icon="faBroadcastTower"/>{{ $t('announcements') }}</portal>
|
||||
<mk-button @click="add()" primary style="margin: 0 auto 16px auto;"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
|
||||
<section class="_card announcements">
|
||||
<div class="_content announcement" v-for="announcement in announcements">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-instance-emojis">
|
||||
<teleport to="#_teleport_header"><fa :icon="faLaugh"/>{{ $t('customEmojis') }}</teleport>
|
||||
<portal to="header"><fa :icon="faLaugh"/>{{ $t('customEmojis') }}</portal>
|
||||
|
||||
<section class="_card _vMargin local">
|
||||
<div class="_title"><fa :icon="faLaugh"/> {{ $t('customEmojis') }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-federation">
|
||||
<teleport to="#_teleport_header"><fa :icon="faGlobe"/>{{ $t('federation') }}</teleport>
|
||||
<portal to="header"><fa :icon="faGlobe"/>{{ $t('federation') }}</portal>
|
||||
|
||||
<section class="_card instances">
|
||||
<div class="_content">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div v-if="meta" class="xhexznfu" v-size="{ min: [1600] }">
|
||||
<teleport to="#_teleport_header"><fa :icon="faServer"/>{{ $t('instance') }}</teleport>
|
||||
<portal to="header"><fa :icon="faServer"/>{{ $t('instance') }}</portal>
|
||||
|
||||
<mk-folder>
|
||||
<template #header><fa :icon="faTachometerAlt"/> {{ $t('overview') }}</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faExchangeAlt"/>{{ $t('jobQueue') }}</teleport>
|
||||
<portal to="header"><fa :icon="faExchangeAlt"/>{{ $t('jobQueue') }}</portal>
|
||||
|
||||
<x-queue :connection="connection" domain="inbox">
|
||||
<template #title><fa :icon="faExchangeAlt"/> In</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="relaycxt">
|
||||
<teleport to="#_teleport_header"><fa :icon="faProjectDiagram"/>{{ $t('relays') }}</teleport>
|
||||
<portal to="header"><fa :icon="faProjectDiagram"/>{{ $t('relays') }}</portal>
|
||||
|
||||
<section class="_card _vMargin add">
|
||||
<div class="_title"><fa :icon="faPlus"/> {{ $t('addRelay') }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div v-if="meta">
|
||||
<teleport to="#_teleport_header"><fa :icon="faCog"/>{{ $t('settings') }}</teleport>
|
||||
<portal to="header"><fa :icon="faCog"/>{{ $t('settings') }}</portal>
|
||||
|
||||
<section class="_card _vMargin info">
|
||||
<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('basicInfo') }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="vrcsvlkm" v-if="user && info">
|
||||
<teleport to="#_teleport_header" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></teleport>
|
||||
<portal to="header" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></portal>
|
||||
|
||||
<section class="_card">
|
||||
<div class="_title">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-instance-users">
|
||||
<teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ $t('users') }}</teleport>
|
||||
<portal to="header"><fa :icon="faUsers"/>{{ $t('users') }}</portal>
|
||||
|
||||
<section class="_card _vMargin lookup">
|
||||
<div class="_title"><fa :icon="faSearch"/> {{ $t('lookup') }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faAt"/>{{ $t('mentions') }}</teleport>
|
||||
<portal to="header"><fa :icon="faAt"/>{{ $t('mentions') }}</portal>
|
||||
<x-notes :pagination="pagination" @before="before()" @after="after()"/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faEnvelope"/>{{ $t('directNotes') }}</teleport>
|
||||
<portal to="header"><fa :icon="faEnvelope"/>{{ $t('directNotes') }}</portal>
|
||||
<x-notes :pagination="pagination" @before="before()" @after="after()"/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-messaging" v-size="{ max: [400] }">
|
||||
<teleport to="#_teleport_header"><fa :icon="faComments"/>{{ $t('messaging') }}</teleport>
|
||||
<portal to="header"><fa :icon="faComments"/>{{ $t('messaging') }}</portal>
|
||||
|
||||
<mk-button @click="start" primary class="start"><fa :icon="faPlus"/> {{ $t('startMessaging') }}</mk-button>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,10 +4,10 @@
|
|||
@drop.prevent.stop="onDrop"
|
||||
>
|
||||
<template v-if="!fetching && user">
|
||||
<teleport to="#_teleport_header"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></teleport>
|
||||
<portal to="header"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></portal>
|
||||
</template>
|
||||
<template v-if="!fetching && group">
|
||||
<teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ group.name }}</teleport>
|
||||
<portal to="header"><fa :icon="faUsers"/>{{ group.name }}</portal>
|
||||
</template>
|
||||
|
||||
<div class="body">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="ieepwinx">
|
||||
<teleport to="#_teleport_header"><fa :icon="faSatellite"/>{{ $t('manageAntennas') }}</teleport>
|
||||
<portal to="header"><fa :icon="faSatellite"/>{{ $t('manageAntennas') }}</portal>
|
||||
|
||||
<mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('add') }}</mk-button>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-group-page">
|
||||
<teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ group.name }}</teleport>
|
||||
<portal to="header"><fa :icon="faUsers"/>{{ group.name }}</portal>
|
||||
|
||||
<transition name="zoom" mode="out-in">
|
||||
<div v-if="group" class="_card _vMargin">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="">
|
||||
<teleport to="#_teleport_header"><fa :icon="faUsers"/>{{ $t('groups') }}</teleport>
|
||||
<portal to="header"><fa :icon="faUsers"/>{{ $t('groups') }}</portal>
|
||||
|
||||
<mk-button @click="create" primary style="margin: 0 auto var(--margin) auto;"><fa :icon="faPlus"/> {{ $t('createGroup') }}</mk-button>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="qkcjvfiv">
|
||||
<teleport to="#_teleport_header"><fa :icon="faListUl"/>{{ $t('manageLists') }}</teleport>
|
||||
<portal to="header"><fa :icon="faListUl"/>{{ $t('manageLists') }}</portal>
|
||||
|
||||
<mk-button @click="create" primary class="add"><fa :icon="faPlus"/> {{ $t('createList') }}</mk-button>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-list-page">
|
||||
<teleport to="#_teleport_header"><fa :icon="faListUl"/>{{ list.name }}</teleport>
|
||||
<portal to="header"><fa :icon="faListUl"/>{{ list.name }}</portal>
|
||||
|
||||
<transition name="zoom" mode="out-in">
|
||||
<div v-if="list" class="_card _vMargin">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faCog"/>{{ $t('accountSettings') }}</teleport>
|
||||
<portal to="header"><fa :icon="faCog"/>{{ $t('accountSettings') }}</portal>
|
||||
|
||||
<x-profile-setting class="_vMargin"/>
|
||||
<x-privacy-setting class="_vMargin"/>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="ipledcug">
|
||||
<teleport to="#_teleport_header"><fa :icon="faExclamationTriangle"/>{{ $t('notFound') }}</teleport>
|
||||
<portal to="header"><fa :icon="faExclamationTriangle"/>{{ $t('notFound') }}</portal>
|
||||
|
||||
<div class="_fullinfo">
|
||||
<img src="https://xn--931a.moe/assets/not-found.jpg" class="_ghost"/>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<template>
|
||||
<div class="mk-note-page">
|
||||
<teleport to="#_teleport_header" v-if="note">
|
||||
<portal to="header" v-if="note">
|
||||
<mk-avatar class="avatar" :user="note.user" :disable-preview="true"/>
|
||||
<mfm
|
||||
:text="$t('noteOf', { user: note.user.name || note.user.username })"
|
||||
:plain="true" :nowrap="true" :custom-emojis="note.user.emojis" :is-note="false"
|
||||
/>
|
||||
</teleport>
|
||||
</portal>
|
||||
|
||||
<div v-if="note">
|
||||
<button class="_panel _button" v-if="hasNext && !showNext" @click="showNext = true" style="margin: 0 auto var(--margin) auto;"><fa :icon="faChevronUp"/></button>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faBell"/>{{ $t('notifications') }}</teleport>
|
||||
<portal to="header"><fa :icon="faBell"/>{{ $t('notifications') }}</portal>
|
||||
<x-notifications @before="before" @after="after" page/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="xcukqgmh">
|
||||
<teleport to="#_teleport_header" v-if="page"><mk-avatar class="avatar" :user="page.user" :disable-preview="true"/>{{ page.title || page.name }}</teleport>
|
||||
<portal to="header" v-if="page"><mk-avatar class="avatar" :user="page.user" :disable-preview="true"/>{{ page.title || page.name }}</portal>
|
||||
|
||||
<div class="_card" v-if="page" :key="page.id">
|
||||
<div class="_title">{{ page.title }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faStickyNote"/>{{ $t('pages') }}</teleport>
|
||||
<portal to="header"><fa :icon="faStickyNote"/>{{ $t('pages') }}</portal>
|
||||
|
||||
<mk-tab v-model="tab" :items="[{ label: $t('_pages.my'), value: 'my', icon: faEdit }, { label: $t('_pages.liked'), value: 'liked', icon: faHeart }]"/>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faCog"/>{{ $t('clinetSettings') }}</teleport>
|
||||
<portal to="header"><fa :icon="faCog"/>{{ $t('clinetSettings') }}</portal>
|
||||
|
||||
<router-link v-if="$store.getters.isSignedIn" class="_panel _buttonPrimary" to="/my/settings" style="margin-bottom: var(--margin);">{{ $t('accountSettings') }}</router-link>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<template>
|
||||
<div class="hveuntkp">
|
||||
<teleport to="#_teleport_header" v-if="user">
|
||||
<portal to="header" v-if="user">
|
||||
<mk-avatar class="avatar" :user="user" :disable-preview="true"/>
|
||||
<mfm
|
||||
:text="$t('_rooms.roomOf', { user: user.name || user.username })"
|
||||
:plain="true" :nowrap="true" :custom-emojis="user.emojis" :is-note="false"
|
||||
/>
|
||||
</teleport>
|
||||
</portal>
|
||||
|
||||
<div class="controller _card _vMargin" v-if="objectSelected">
|
||||
<div class="_content">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="">
|
||||
<teleport to="#_teleport_header"><fa :icon="faTerminal"/>{{ $t('scratchpad') }}</teleport>
|
||||
<portal to="header"><fa :icon="faTerminal"/>{{ $t('scratchpad') }}</portal>
|
||||
|
||||
<div class="_panel">
|
||||
<prism-editor class="_code" v-model="code" :highlight="highlighter" :line-numbers="false"/>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faSearch"/>{{ $t('searchWith', { q: $route.query.q }) }}</teleport>
|
||||
<portal to="header"><fa :icon="faSearch"/>{{ $t('searchWith', { q: $route.query.q }) }}</portal>
|
||||
<x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="">
|
||||
<teleport to="#_teleport_header"><fa :icon="faShareAlt"/>{{ $t('share') }}</teleport>
|
||||
<portal to="header"><fa :icon="faShareAlt"/>{{ $t('share') }}</portal>
|
||||
|
||||
<section class="_card">
|
||||
<div class="_title" v-if="title">{{ title }}</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div>
|
||||
<teleport to="#_teleport_header"><fa :icon="faHashtag"/>{{ $route.params.tag }}</teleport>
|
||||
<portal to="header"><fa :icon="faHashtag"/>{{ $route.params.tag }}</portal>
|
||||
|
||||
<x-notes ref="notes" :pagination="pagination" @before="before" @after="after"/>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="t9makv94">
|
||||
<teleport to="#_teleport_header"><fa :icon="faPalette"/>{{ $t('themeEditor') }}</teleport>
|
||||
<portal to="header"><fa :icon="faPalette"/>{{ $t('themeEditor') }}</portal>
|
||||
|
||||
<section class="_card">
|
||||
<div class="_content">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div class="mk-user-page" v-if="user" v-size="{ max: [500] }">
|
||||
<teleport to="#_teleport_header" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></teleport>
|
||||
<portal to="header" v-if="user"><mk-avatar class="avatar" :user="user" :disable-preview="true"/><mk-user-name :user="user" :nowrap="false" class="name"/></portal>
|
||||
|
||||
<mk-remote-caution v-if="user.host != null" :href="user.url" style="margin-bottom: var(--margin)"/>
|
||||
<div class="punished _panel" v-if="user.isSuspended"><fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSuspended') }}</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue