kot.pink
1{{ define "title" }}{{ .Tab }} settings{{ end }}
2
3{{ define "content" }}
4 <div class="p-6">
5 <p class="text-xl font-bold dark:text-white">Settings</p>
6 </div>
7 <div class="bg-white dark:bg-gray-800 p-6 rounded relative w-full mx-auto drop-shadow-sm dark:text-white">
8 <section class="w-full grid grid-cols-1 md:grid-cols-4 gap-6">
9 <div class="col-span-1">
10 {{ template "user/settings/fragments/sidebar" . }}
11 </div>
12 <div class="col-span-1 md:col-span-3 flex flex-col gap-6">
13 {{ template "profileInfo" . }}
14 </div>
15 </section>
16 </div>
17{{ end }}
18
19{{ define "profileInfo" }}
20 <div class="grid grid-cols-1 md:grid-cols-3 gap-4 items-center">
21 <div class="col-span-1 md:col-span-2">
22 <h2 class="text-sm pb-2 uppercase font-bold">Profile</h2>
23 <p class="text-gray-500 dark:text-gray-400">
24 Your account information from your AT Protocol identity.
25 </p>
26 </div>
27 <div class="col-span-1 md:col-span-1 md:justify-self-end">
28 </div>
29 </div>
30 <div class="flex flex-col rounded border border-gray-200 dark:border-gray-700 divide-y divide-gray-200 dark:divide-gray-700 w-full">
31 <div class="flex items-center justify-between p-4">
32 <div class="hover:no-underline flex flex-col gap-1 min-w-0 max-w-[80%]">
33 <div class="flex flex-wrap text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
34 <span>Handle</span>
35 </div>
36 <span class="font-bold">
37 {{ resolve .LoggedInUser.Did }}
38 </span>
39 </div>
40 </div>
41 <div class="flex items-center justify-between p-4">
42 <div class="hover:no-underline flex flex-col gap-1 min-w-0 max-w-[80%]">
43 <div class="flex flex-wrap text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
44 <span>Decentralized Identifier (DID)</span>
45 </div>
46 <span class="font-mono font-bold">
47 {{ .LoggedInUser.Did }}
48 </span>
49 </div>
50 </div>
51 <div class="flex items-center justify-between p-4">
52 <div class="hover:no-underline flex flex-col gap-1 min-w-0 max-w-[80%]">
53 <div class="flex flex-wrap text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
54 <span>Personal Data Server (PDS)</span>
55 </div>
56 <span class="font-bold">
57 {{ .LoggedInUser.Pds }}
58 </span>
59 </div>
60 </div>
61 </div>
62{{ end }}