lewis.moe
Monorepo for Tangled
appview/pages: add typeahead to add-knot-member modal
Signed-off-by: oppiliappan <me@oppi.li>
authored by
oppiliappan
and committed by
Tangled
edce8e37
32c84a84
+17
-12
appview/pages/templates/knots/fragments/addMemberModal.html
+17
-12
appview/pages/templates/knots/fragments/addMemberModal.html
···
13
13
<div
14
14
id="add-member-{{ .Id }}"
15
15
popover
16
-
class="bg-white w-full md:w-96 dark:bg-gray-800 p-4 rounded border border-gray-200 dark:border-gray-700 drop-shadow dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50">
16
+
class="
17
+
bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 dark:text-white backdrop:bg-gray-400/50 dark:backdrop:bg-gray-800/50
18
+
w-full md:w-96 p-4 rounded drop-shadow overflow-visible">
17
19
{{ block "addKnotMemberPopover" . }} {{ end }}
18
20
</div>
19
21
{{ end }}
···
29
31
ADD MEMBER
30
32
</label>
31
33
<p class="text-sm text-gray-500 dark:text-gray-400">Members can create repositories and run workflows on this knot.</p>
32
-
<input
33
-
autocapitalize="none"
34
-
autocorrect="off"
35
-
autocomplete="off"
36
-
type="text"
37
-
id="member-did-{{ .Id }}"
38
-
name="member"
39
-
required
40
-
placeholder="foo.bsky.social"
41
-
/>
34
+
<actor-typeahead>
35
+
<input
36
+
autocapitalize="none"
37
+
autocorrect="off"
38
+
autocomplete="off"
39
+
type="text"
40
+
id="member-did-{{ .Id }}"
41
+
name="member"
42
+
required
43
+
placeholder="user.tngl.sh"
44
+
class="w-full"
45
+
/>
46
+
</actor-typeahead>
42
47
<div class="flex gap-2 pt-2">
43
48
<button
44
49
type="button"
···
57
62
</div>
58
63
<div id="add-member-error-{{ .Id }}" class="text-red-500 dark:text-red-400"></div>
59
64
</form>
60
-
{{ end }}
65
+
{{ end }}