akkoma-fe/src/App.vue

71 lines
1.8 KiB
Vue
Raw Normal View History

2016-11-07 17:03:36 +00:00
<template>
2019-07-05 07:17:44 +00:00
<div
2022-03-23 14:05:53 +00:00
id="app-loaded"
2022-03-28 11:26:50 +00:00
:style="bgStyle"
2019-07-05 07:17:44 +00:00
>
<div
2019-07-19 16:36:07 +00:00
id="app_bg_wrapper"
2019-07-05 07:17:44 +00:00
class="app-bg-wrapper"
/>
<MobileNav v-if="layoutType === 'mobile'" />
<DesktopNav v-else />
<Notifications v-if="currentUser" />
2019-07-05 07:17:44 +00:00
<div
id="content"
2022-04-04 06:42:52 +00:00
class="app-layout container"
:class="classes"
2019-07-05 07:17:44 +00:00
>
2022-06-15 15:58:02 +00:00
<div class="underlay" />
<div
id="sidebar"
class="column -scrollable"
:class="{ '-show-scrollbar': showScrollbars }"
>
2022-04-04 06:42:52 +00:00
<user-panel />
<template v-if="layoutType !== 'mobile'">
2022-04-04 06:42:52 +00:00
<nav-panel />
<instance-specific-panel v-if="showInstanceSpecificPanel" />
<features-panel v-if="!currentUser && showFeaturesPanel" />
<who-to-follow-panel v-if="currentUser && suggestionsEnabled" />
2022-04-05 16:22:15 +00:00
<div id="notifs-sidebar" />
</template>
2016-12-02 13:33:03 +00:00
</div>
2022-06-15 15:58:02 +00:00
<div
id="main-scroller"
class="column main"
:class="{ '-full-height': false }"
2022-06-15 15:58:02 +00:00
>
2019-07-05 07:17:44 +00:00
<div
v-if="!currentUser"
class="login-hint panel panel-default"
>
<router-link
:to="{ name: 'login' }"
class="panel-body"
>
2019-02-06 16:53:51 +00:00
{{ $t("login.hint") }}
</router-link>
2019-02-06 10:01:32 +00:00
</div>
<router-view />
2016-12-02 13:33:03 +00:00
</div>
2022-06-15 15:58:02 +00:00
<div
id="notifs-column"
class="column -scrollable"
:class="{ '-show-scrollbar': showScrollbars }"
/>
2016-11-07 17:03:36 +00:00
</div>
<media-modal />
2019-09-19 17:59:34 +00:00
<MobilePostStatusButton />
2019-03-19 08:53:11 +00:00
<UserReportingModal />
<PostStatusModal />
<EditStatusModal v-if="editingAvailable" />
<StatusHistoryModal v-if="editingAvailable" />
2020-05-03 14:36:12 +00:00
<SettingsModal />
<ModModal />
<GlobalNoticeList />
2016-11-07 17:03:36 +00:00
</div>
</template>
2016-10-26 14:46:32 +00:00
2016-10-26 17:03:55 +00:00
<script src="./App.js"></script>
<style lang="scss" src="./App.scss"></style>