this repo has no description
Prettify About section
+49
-35
+4
-2
src/pages/settings.css
+4
-2
src/pages/settings.css
···
45
45
#settings-container section > ul > li .current.is-current + .avatar {
46
46
box-shadow: 0 0 0 1.5px var(--green-color), 0 0 8px var(--green-color);
47
47
}
48
+
#settings-container section > ul > li .avatar + .name-text {
49
+
vertical-align: middle;
50
+
}
48
51
#settings-container section > ul > li > div {
49
52
flex-grow: 1;
50
53
max-width: 100%;
···
60
63
text-align: left !important;
61
64
margin-top: 8px;
62
65
}
63
-
#settings-container div,
64
-
#settings-container div > * {
66
+
#settings-container div {
65
67
vertical-align: middle;
66
68
}
67
69
#settings-container .avatar {
+45
-33
src/pages/settings.jsx
+45
-33
src/pages/settings.jsx
···
216
216
</section>
217
217
<h3>About</h3>
218
218
<section>
219
-
<p>
219
+
<div
220
+
style={{
221
+
display: 'flex',
222
+
gap: 8,
223
+
lineHeight: 1.25,
224
+
alignItems: 'center',
225
+
marginTop: 8,
226
+
}}
227
+
>
220
228
<img
221
229
src={logo}
222
230
alt=""
223
-
width="20"
224
-
height="20"
231
+
width="64"
232
+
height="64"
225
233
style={{
226
234
aspectRatio: '1/1',
227
235
verticalAlign: 'middle',
236
+
background: '#b7cdf9',
237
+
borderRadius: 12,
228
238
}}
229
-
/>{' '}
230
-
<a
231
-
href="https://hachyderm.io/@phanpy"
232
-
// target="_blank"
233
-
onClick={(e) => {
234
-
e.preventDefault();
235
-
states.showAccount = 'phanpy@hachyderm.io';
236
-
}}
237
-
>
238
-
@phanpy
239
-
</a>
240
-
.
241
-
</p>
239
+
/>
240
+
<div>
241
+
<b>Phanpy</b>{' '}
242
+
<a
243
+
href="https://hachyderm.io/@phanpy"
244
+
// target="_blank"
245
+
onClick={(e) => {
246
+
e.preventDefault();
247
+
states.showAccount = 'phanpy@hachyderm.io';
248
+
}}
249
+
>
250
+
@phanpy
251
+
</a>
252
+
<br />
253
+
<a href="https://github.com/cheeaun/phanpy" target="_blank">
254
+
Built
255
+
</a>{' '}
256
+
by{' '}
257
+
<a
258
+
href="https://mastodon.social/@cheeaun"
259
+
// target="_blank"
260
+
onClick={(e) => {
261
+
e.preventDefault();
262
+
states.showAccount = 'cheeaun@mastodon.social';
263
+
}}
264
+
>
265
+
@cheeaun
266
+
</a>
267
+
</div>
268
+
</div>
242
269
<p>
243
-
<a href="https://github.com/cheeaun/phanpy" target="_blank">
244
-
Built
245
-
</a>{' '}
246
-
by{' '}
247
-
<a
248
-
href="https://mastodon.social/@cheeaun"
249
-
// target="_blank"
250
-
onClick={(e) => {
251
-
e.preventDefault();
252
-
states.showAccount = 'cheeaun@mastodon.social';
253
-
}}
254
-
>
255
-
@cheeaun
256
-
</a>
257
-
.{' '}
258
270
<a
259
271
href="https://github.com/cheeaun/phanpy/blob/main/PRIVACY.MD"
260
272
target="_blank"
261
273
>
262
274
Privacy Policy
263
275
</a>
264
-
.
265
276
</p>
266
277
{__BUILD_TIME__ && (
267
278
<p>
268
-
Last build: <RelativeTime datetime={new Date(__BUILD_TIME__)} />{' '}
279
+
<span class="insignificant">Last build:</span>{' '}
280
+
<RelativeTime datetime={new Date(__BUILD_TIME__)} />{' '}
269
281
{__COMMIT_HASH__ && (
270
282
<>
271
283
(