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">
8 <section class="w-full grid grid-cols-1 md:grid-cols-4 gap-6 p-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 {{ if .LoggedInUser.Handle }}
34 <span class="font-bold">
35 @{{ .LoggedInUser.Handle }}
36 </span>
37 <div class="flex flex-wrap text items-center gap-1 text-gray-500 dark:text-gray-400">
38 <span>Handle</span>
39 </div>
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 <span class="font-mono text-xs">
46 {{ .LoggedInUser.Did }}
47 </span>
48 <div class="flex flex-wrap text items-center gap-1 text-gray-500 dark:text-gray-400">
49 <span>Decentralized Identifier (DID)</span>
50 </div>
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 <span class="font-bold">
56 {{ .LoggedInUser.Pds }}
57 </span>
58 <div class="flex flex-wrap text items-center gap-1 text-gray-500 dark:text-gray-400">
59 <span>Personal Data Server (PDS)</span>
60 </div>
61 </div>
62 </div>
63 </div>
64{{ end }}