arthur/arthome
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/arthome.git synced 2026-02-01 03:48:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add location

Browse Source
This commit is contained in:
Arthur Danjou
2024-09-04 20:18:43 +02:00
parent 2f1b55d266
commit e48728ef7d
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/components/App/UserSettingsForm.vue
View File

@@ -65,13 +65,19 @@ defineShortcuts({
<template> <template>
<div class="flex flex-col md:flex-row gap-4"> <div class="flex flex-col md:flex-row gap-4">
<div class="md:w-1/3 flex flex-col justify-between gap-4"> <div class="md:w-1/2 flex flex-col justify-between gap-4">
<div class="md:mt-32 flex flex-col items-center"> <div class="md:mt-32 flex flex-col items-center space-y-4">
<AppAvatar size="5xl" :src="user.avatar" /> <AppAvatar size="5xl" :src="user.avatar" />
<h1 class="text-4xl font-bold my-4"> <h1 class="text-4xl font-bold">
{{ user.name }} {{ user.name }}
</h1> </h1>
<p>{{ user.description }}</p> <p class="text-center">
{{ user.description }}
</p>
<div class="flex items-center gap-2">
<UIcon name="i-ph:map-pin-area-duotone" />
<p>{{ user.location }}</p>
</div>
</div> </div>
<UButton <UButton
@@ -83,7 +89,7 @@ defineShortcuts({
label="Delete account" label="Delete account"
/> />
</div> </div>
<UForm class="space-y-4 md:w-2/3" :schema="UpdateUserSchema" :state="state" @submit="handleUpdate"> <UForm class="space-y-4 md:w-1/2" :schema="UpdateUserSchema" :state="state" @submit="handleUpdate">
<UFormGroup label="Username" name="username"> <UFormGroup label="Username" name="username">
<UInput v-model="state.username" type="text" /> <UInput v-model="state.username" type="text" />
</UFormGroup> </UFormGroup>
@@ -110,7 +116,7 @@ defineShortcuts({
</UFormGroup> </UFormGroup>
<UFormGroup label="Description" name="description"> <UFormGroup label="Description" name="description">
<UTextarea v-model="state.description" autoresize :rows="2" /> <UTextarea v-model="state.description" autoresize :maxrows="4" />
</UFormGroup> </UFormGroup>
<UFormGroup label="Language" name="language"> <UFormGroup label="Language" name="language">