akkoma-fe/src/App.vue

64 lines
1.6 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"
/>
2022-04-04 06:42:52 +00:00
<MobileNav class="navbar" v-if="isMobileLayout" />
<DesktopNav class="navbar" v-else />
2020-05-07 13:10:53 +00:00
<div class="app-bg-wrapper app-container-wrapper" />
2019-07-05 07:17:44 +00:00
<div
id="content"
2022-04-04 06:42:52 +00:00
class="app-layout container"
2019-07-05 07:17:44 +00:00
>
2022-04-04 06:42:52 +00:00
<div class="underlay"/>
<div
2022-04-04 06:42:52 +00:00
class="column -scrollable -mini mobile-hidden"
:style="sidebarAlign"
>
2022-04-04 06:42:52 +00:00
<user-panel />
<div v-if="!isMobileLayout">
<nav-panel />
<instance-specific-panel v-if="showInstanceSpecificPanel" />
<features-panel v-if="!currentUser && showFeaturesPanel" />
<who-to-follow-panel v-if="currentUser && suggestionsEnabled" />
<notifications v-if="currentUser" />
</div>
2016-12-02 13:33:03 +00:00
</div>
2022-04-04 06:42:52 +00:00
<div class="column main">
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>
2019-07-05 07:17:44 +00:00
<media-modal />
2016-11-07 17:03:36 +00:00
</div>
<shout-panel
2021-06-14 20:33:51 +00:00
v-if="currentUser && shout && !hideShoutbox"
2019-07-05 07:17:44 +00:00
:floating="true"
class="floating-shout mobile-hidden"
:class="{ 'left': shoutboxPosition }"
2019-07-05 07:17:44 +00:00
/>
2019-09-19 17:59:34 +00:00
<MobilePostStatusButton />
2019-03-19 08:53:11 +00:00
<UserReportingModal />
<PostStatusModal />
2020-05-03 14:36:12 +00:00
<SettingsModal />
2022-03-17 06:35:19 +00:00
<div id="modal" />
<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>