58 lines
1.2 KiB
Vue
58 lines
1.2 KiB
Vue
<!-- Base Component for OAuth pages -->
|
|
<template>
|
|
<Page class="page--settings">
|
|
<div class="oauthapps grid">
|
|
<SettingsSidebar class="grid-cell--col4" :userModel="user" :baseUrl="baseUrl" />
|
|
|
|
<!-- Form -->
|
|
<div class="oauthapps__container grid-cell--col8">
|
|
<AppTabs></AppTabs>
|
|
<router-view></router-view>
|
|
</div>
|
|
</div>
|
|
</Page>
|
|
</template>
|
|
|
|
<script>
|
|
import Page from 'new-dashboard/components/Page';
|
|
import SettingsSidebar from 'new-dashboard/components/Apps/SettingsSidebar';
|
|
import AppTabs from 'new-dashboard/components/Apps/AppTabs';
|
|
import { mapState } from 'vuex';
|
|
|
|
export default {
|
|
name: 'OAuthApps',
|
|
components: {
|
|
Page,
|
|
SettingsSidebar,
|
|
AppTabs
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
user: state => state.user,
|
|
baseUrl: state => state.user.base_url
|
|
})
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
<style scoped lang="scss">
|
|
@import 'new-dashboard/styles/variables';
|
|
|
|
.oauthapps {
|
|
display: flex;
|
|
width: 940px;
|
|
min-height: 585px;
|
|
margin: 48px auto 0;
|
|
padding: 0;
|
|
|
|
&__container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
padding-left: 14px;
|
|
}
|
|
}
|
|
|
|
</style>
|