krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 06:37:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Make Admin panel design more consistent

Browse Source
This commit is contained in:
Phillip Thelen
2024-07-17 15:06:11 +02:00
parent 489bd851bb
commit 1a2f299e04
13 changed files with 346 additions and 206 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
website/client/src/components/admin-panel/user-support/userProfile.vue
View File

@@ -1,52 +1,58 @@
<template>
<div class="accordion-group">
<form @submit.prevent="saveHero({hero, msg: 'Users Profile'})">
<div class="card mt-2">
<div class="card-header">
<h3
class="expand-toggle"
class="mb-0 mt-0"
:class="{'open': expand}"
@click="expand = !expand"
>
Users Profile
User Profile
</h3>
<div v-if="expand">
<form @submit.prevent="saveHero({hero, msg: 'Users Profile'})">
<div class="form-group">
<label>Display name</label>
<input
</div>
<div v-if="expand" class="card-body">
<div class="form-group row">
<label class="col-sm-3 col-form-label">Display name</label>
<div class="col-sm-9">
<input
v-model="hero.profile.name"
class="form-control textField"
class="form-control"
type="text"
>
</div>
</div>
<div class="form-group">
<label>Photo URL</label>
<div class="form-group row">
<label class="col-sm-3 col-form-label">Photo URL</label>
<div class="col-sm-9">
<input
v-model="hero.profile.imageUrl"
class="form-control textField"
class="form-control"
type="text"
>
></div>
</div>
<div class="form-group">
<label>About</label>
<div class="row about-row">
<div class="form-group row">
<label class="col-sm-3 col-form-label">About</label>
<div class="col-sm-9">
<textarea
v-model="hero.profile.blurb"
class="form-control col"
class="form-control"
rows="10"
></textarea>
<div
v-markdown="hero.profile.blurb"
class="markdownPreview col"
class="markdownPreview"
></div>
</div>
</div>
</div>
<div class="card-footer" v-if="expand">
<input
type="submit"
value="Save"
class="btn btn-primary"
>
</form>
</div>
class="btn btn-primary mt-1"
></div>
</div>
</form>
</template>
<style lang="scss" scoped>