4d64df37f5
* Make project cards right-align their last element Spaces out elements in a `.project-card` using `justify-content: space-between;`. Fixes modrinth/knossos#170 * Automatically set URL for auth redirect * Make login button use base url or current origin Allows the login button to work in dev environment * Remove Axios base URL trailing slash * Update authUrl() on dashboard to match default * Remove 'code' query from URL on page load Allow non-exact paths to highlight mod & dashboard tabs Fixes modrinth/knossos#200 * Make page 5 button visible on page 4 (pagination) Fixes modrinth/knossos#184 * Color links on legal pages Fixes modrinth/knossos#166 * Set max notifications to 5 and ignore duplicates Fixes modrinth/knossos#175 * Add space above report button when no user desc Fixes modrinth/knossos#143 * Better text spacing from edge of mobile screen Fixes modrinth/knossos#179 * Fix slanted bars in modrinth/knossos#57 * Fix checkbox grid and role label Fixes modrinth/knossos#191 * Move mod 'settings' button to the far right Fixes modrinth/knossos#138 * Abbreviate minutes to min. when time is too long Not a perfect solution imo, but works for now Fixes modrinth/knossos#193 * Fix mobile header margins & add breakpoints Fixes modrinth/knossos#203 * Clean up nuxt config Silence babel warning & styleResources * Upgrade sass-loader to 10.1.1 and remove warning * Remove added horizontal footer padding https://github.com/modrinth/knossos/pull/199#discussion_r629011624 * Improve mobile header fix * Fix up minor inconsistencies in mod header * Remove hard coded date * Cleans up pagination to be more intuitive * Fixes member invite input on moble * Fix login button when searching mods * Improved mobile mod search Consistently sized pagination buttons Breakpoint for sort buttons on smaller screens * Consistent link style on text-only pages * Better 4k support * Slightly better mobile project-card support Shuffles categories under mod icon when there is room * Animate homepage typewriter effect backwards * Tiny commit to align mod icons in mod headers * Make processing status include 'Under Review' This can be later updated once the backend has a separate status * Create vercel.json * Update domain auto detection * Test vercel NODE_ENV * Remove console.log for debugging hosting services * Make mobile first + fix shrinked text circle size * Optimize SVG * Change media queries to be more mobile first * Remove `|| window.location.origin` * re-deploy vercel * Change "Processing" message to "Under review"
92 lines
2.6 KiB
Vue
92 lines
2.6 KiB
Vue
<template>
|
|
<div class="page-container">
|
|
<div class="page-contents">
|
|
<div class="sidebar-l">
|
|
<div v-if="$auth.user != null" class="card page-nav">
|
|
<nuxt-link :to="'/dashboard/projects'" class="tab last">
|
|
<ModIcon />
|
|
My mods
|
|
</nuxt-link>
|
|
<nuxt-link :to="'/dashboard/notifications'" class="tab last">
|
|
<NotificationsIcon />
|
|
Notifications
|
|
</nuxt-link>
|
|
<nuxt-link :to="'/dashboard/follows'" class="tab last">
|
|
<FollowIcon />
|
|
Followed mods
|
|
</nuxt-link>
|
|
<nuxt-link
|
|
v-if="
|
|
$auth.user.role === 'admin' || $auth.user.role === 'moderator'
|
|
"
|
|
:to="'/dashboard/moderation'"
|
|
class="tab last"
|
|
>
|
|
<ModerationIcon />
|
|
Moderation
|
|
</nuxt-link>
|
|
<nuxt-link :to="'/dashboard/settings'" class="tab last">
|
|
<SettingsIcon />
|
|
Settings
|
|
</nuxt-link>
|
|
<nuxt-link :to="'/dashboard/privacy'" class="tab last">
|
|
<ShieldIcon />
|
|
Privacy Settings
|
|
</nuxt-link>
|
|
</div>
|
|
<div v-else class="card page-nav">
|
|
<a :href="authUrl" class="tab last">
|
|
<UserIcon />
|
|
Log in
|
|
</a>
|
|
<nuxt-link :to="'/dashboard/privacy'" class="tab last">
|
|
<SettingsIcon />
|
|
Privacy Settings
|
|
</nuxt-link>
|
|
</div>
|
|
<m-footer class="footer" hide-small />
|
|
</div>
|
|
<div class="content">
|
|
<NuxtChild />
|
|
<m-footer class="footer" hide-big centered />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import ModIcon from '~/assets/images/sidebar/mod.svg?inline'
|
|
import ModerationIcon from '~/assets/images/sidebar/admin.svg?inline'
|
|
import SettingsIcon from '~/assets/images/sidebar/settings.svg?inline'
|
|
import NotificationsIcon from '~/assets/images/sidebar/notifications.svg?inline'
|
|
import FollowIcon from '~/assets/images/utils/heart.svg?inline'
|
|
import UserIcon from '~/assets/images/utils/user.svg?inline'
|
|
import ShieldIcon from '~/assets/images/utils/shield.svg?inline'
|
|
|
|
import MFooter from '~/components/layout/MFooter'
|
|
|
|
export default {
|
|
name: 'DashboardPage',
|
|
components: {
|
|
ModIcon,
|
|
ModerationIcon,
|
|
SettingsIcon,
|
|
NotificationsIcon,
|
|
FollowIcon,
|
|
UserIcon,
|
|
ShieldIcon,
|
|
MFooter,
|
|
},
|
|
computed: {
|
|
authUrl() {
|
|
return `https://api.modrinth.com/api/v1/auth/init?url=${process.env.domain}${this.$route.fullPath}`
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.hideSmall {
|
|
padding-top: 0;
|
|
}
|
|
</style>
|