handy online tools for AT Protocol
boat.kelinci.net
atproto
bluesky
atcute
typescript
solidjs
refactor: some design alterations
+14
-16
+2
-2
src/views/frontpage.tsx
+2
-2
src/views/frontpage.tsx
···
136
136
<h1 class="text-lg font-bold text-purple-800">boat</h1>
137
137
<p class="text-gray-600">handy online tools for AT Protocol</p>
138
138
</div>
139
-
<hr class="mx-4 border-gray-200" />
139
+
<hr class="mx-4 border-gray-300" />
140
140
141
141
<div class="flex grow flex-col pb-2">{nodes}</div>
142
142
143
-
<hr class="mx-4 border-gray-200" />
143
+
<hr class="mx-4 border-gray-300" />
144
144
<div class="p-4 pb-8">
145
145
<a href="https://github.com/mary-ext/boat" class="font-medium text-purple-800 underline">
146
146
source code
+3
-4
src/views/identity/did-lookup.tsx
+3
-4
src/views/identity/did-lookup.tsx
···
47
47
<h1 class="text-lg font-bold text-purple-800">View identity info</h1>
48
48
<p class="text-gray-600">Look up an account's DID document</p>
49
49
</div>
50
-
<hr class="mx-4 border-gray-200" />
50
+
<hr class="mx-4 border-gray-300" />
51
51
52
52
<form
53
53
onSubmit={(ev) => {
···
73
73
pattern={DID_OR_HANDLE_RE.source}
74
74
placeholder="paul.bsky.social"
75
75
value={params.q ?? ''}
76
-
class="rounded border border-gray-300 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
76
+
class="rounded border border-gray-400 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
77
77
/>
78
78
</label>
79
79
···
86
86
</button>
87
87
</div>
88
88
</form>
89
-
90
-
<hr class="mx-4 border-gray-200" />
89
+
<hr class="mx-4 border-gray-300" />
91
90
92
91
<Switch>
93
92
<Match when={query.isPending}>
+3
-4
src/views/identity/plc-oplogs.tsx
+3
-4
src/views/identity/plc-oplogs.tsx
···
56
56
<h1 class="text-lg font-bold text-purple-800">View PLC operation logs</h1>
57
57
<p class="text-gray-600">Show history of a did:plc identity</p>
58
58
</div>
59
-
<hr class="mx-4 border-gray-200" />
59
+
<hr class="mx-4 border-gray-300" />
60
60
61
61
<form
62
62
onSubmit={(ev) => {
···
82
82
pattern={DID_OR_HANDLE_RE.source}
83
83
placeholder="paul.bsky.social"
84
84
value={params.q ?? ''}
85
-
class="rounded border border-gray-300 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
85
+
class="rounded border border-gray-400 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
86
86
/>
87
87
</label>
88
88
···
95
95
</button>
96
96
</div>
97
97
</form>
98
-
99
-
<hr class="mx-4 border-gray-200" />
98
+
<hr class="mx-4 border-gray-300" />
100
99
101
100
<Switch>
102
101
<Match when={query.isPending}>
+2
-2
src/views/repository/car-unpack.tsx
+2
-2
src/views/repository/car-unpack.tsx
···
161
161
<h1 class="text-lg font-bold text-purple-800">Unpack CAR file</h1>
162
162
<p class="text-gray-600">Extract a repository archive into a folder</p>
163
163
</div>
164
-
<hr class="mx-4 border-gray-200" />
164
+
<hr class="mx-4 border-gray-300" />
165
165
166
166
<div class="p-4">
167
167
<fieldset
···
190
190
</div>
191
191
</fieldset>
192
192
</div>
193
-
<hr class="mx-4 border-gray-200" />
193
+
<hr class="mx-4 border-gray-300" />
194
194
195
195
<Logger logger={logger} />
196
196
</>
+4
-4
src/views/repository/repo-export.tsx
+4
-4
src/views/repository/repo-export.tsx
···
137
137
<h1 class="text-lg font-bold text-purple-800">Export repository</h1>
138
138
<p class="text-gray-600">Download an archive of an account's repository</p>
139
139
</div>
140
-
<hr class="mx-4 border-gray-200" />
140
+
<hr class="mx-4 border-gray-300" />
141
141
142
142
<form
143
143
onSubmit={(ev) => {
···
187
187
required
188
188
pattern={DID_OR_HANDLE_RE.source}
189
189
placeholder="paul.bsky.social"
190
-
class="rounded border border-gray-300 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
190
+
class="rounded border border-gray-400 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
191
191
/>
192
192
</label>
193
193
···
207
207
input.setCustomValidity('');
208
208
}
209
209
}}
210
-
class="rounded border border-gray-300 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
210
+
class="rounded border border-gray-400 px-3 py-2 text-sm outline-2 -outline-offset-1 outline-purple-600 placeholder:text-gray-400 focus:outline"
211
211
/>
212
212
</label>
213
213
···
221
221
</div>
222
222
</fieldset>
223
223
</form>
224
-
<hr class="mx-4 border-gray-200" />
224
+
<hr class="mx-4 border-gray-300" />
225
225
226
226
<Logger logger={logger} />
227
227
</>