212bb33142
* Projects page * Continue work on bulk edit * editLinks is now bulkEdit * Bulk Edit Links completed * Edit URL clear fields. * Create project button + other bulk buttons. * Pagination (w/o reactivity.) * Apply suggestions from code review Co-authored-by: triphora <emmaffle@modrinth.com> * Sorting fixed, broken page count though? * Only make editable projects selectable + remove delete button * Shorthand * Start using computed * Fix pagination * Add Pagination Switching * Final Style Changes * Cleanup * Action Affects dropdown * Switch to checkbox swizzle * Projects dashboard, the most hellish thing I have ever worked on * Rewrite project dashboard without tables * why's that there * Fix mod message icon * New project settings page * Remove extra slash * Bulk project route and improve styling of links UI * Remove beta label from Monetization * Relevant page links in project settings * Don't vertically center header rows * Improve error messages, add remove project icon button, add saving feedback, begin project checklist, fix license settings * Remove contextual link from project settings, disable WIP checklist * Fix bulk edit * Project checklist, add featured gallery image to project pages, fix random bugs * Remove old check * Remove icon border on grid mode and hide project status card when unnecessary * Fix build * Make checklist progress smaller and add collapsing * Remove uneven gap on nav cards * Improve wrapping of checklist * Replace project settings header link with status * Fix bugs + status stuff * Fix warns + compile error * Update wording * Hide environment type nag for project types without it * Make member dropdown match Co-authored-by: mineblock11 <93472213+mineblock11@users.noreply.github.com> Co-authored-by: triphora <emmaffle@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
54 lines
1.5 KiB
Vue
54 lines
1.5 KiB
Vue
<template>
|
|
<div class="normal-page">
|
|
<div class="normal-page__sidebar">
|
|
<aside class="universal-card">
|
|
<h1>Settings</h1>
|
|
<NavStack>
|
|
<NavStackItem link="/settings" label="Appearance">
|
|
<PaintbrushIcon />
|
|
</NavStackItem>
|
|
<template v-if="$auth.user">
|
|
<h3>User settings</h3>
|
|
<NavStackItem link="/settings/account" label="Account">
|
|
<UserIcon />
|
|
</NavStackItem>
|
|
<NavStackItem link="/settings/follows" label="Followed projects">
|
|
<HeartIcon />
|
|
</NavStackItem>
|
|
<NavStackItem link="/settings/monetization" label="Monetization">
|
|
<CurrencyIcon />
|
|
</NavStackItem>
|
|
</template>
|
|
</NavStack>
|
|
</aside>
|
|
</div>
|
|
<div class="normal-page__content">
|
|
<NuxtChild />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import NavStack from '~/components/ui/NavStack'
|
|
import NavStackItem from '~/components/ui/NavStackItem'
|
|
|
|
import PaintbrushIcon from '~/assets/images/utils/paintbrush.svg?inline'
|
|
import UserIcon from '~/assets/images/utils/user.svg?inline'
|
|
import HeartIcon from '~/assets/images/utils/heart.svg?inline'
|
|
import CurrencyIcon from '~/assets/images/utils/currency.svg?inline'
|
|
|
|
export default {
|
|
name: 'Settings',
|
|
components: {
|
|
NavStack,
|
|
NavStackItem,
|
|
PaintbrushIcon,
|
|
UserIcon,
|
|
HeartIcon,
|
|
CurrencyIcon,
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|