this repo has no description
tangled.org
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 {{ if .LoggedInUser.Handle }}
37 <span class="font-bold">
38 @{{ .LoggedInUser.Handle }}
39 </span>
40 {{ end }}
41 </div>
42 </div>
43 <div class="flex items-center justify-between p-4">
44 <div class="hover:no-underline flex flex-col gap-1 min-w-0 max-w-[80%]">
45 <div class="flex flex-wrap text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
46 <span>Decentralized Identifier (DID)</span>
47 </div>
48 <span class="font-mono font-bold">
49 {{ .LoggedInUser.Did }}
50 </span>
51 </div>
52 </div>
53 <div class="flex items-center justify-between p-4">
54 <div class="hover:no-underline flex flex-col gap-1 min-w-0 max-w-[80%]">
55 <div class="flex flex-wrap text-sm items-center gap-1 text-gray-500 dark:text-gray-400">
56 <span>Personal Data Server (PDS)</span>
57 </div>
58 <span class="font-bold">
59 {{ .LoggedInUser.Pds }}
60 </span>
61 </div>
62 </div>
63 </div>
64{{ end }}