Prettify About section

This commit is contained in:
Lim Chee Aun 2023-03-09 11:23:07 +08:00
parent cff8c90478
commit bbdfb5dd7d
2 changed files with 49 additions and 35 deletions

View file

@ -45,6 +45,9 @@
#settings-container section > ul > li .current.is-current + .avatar {
box-shadow: 0 0 0 1.5px var(--green-color), 0 0 8px var(--green-color);
}
#settings-container section > ul > li .avatar + .name-text {
vertical-align: middle;
}
#settings-container section > ul > li > div {
flex-grow: 1;
max-width: 100%;
@ -60,8 +63,7 @@
text-align: left !important;
margin-top: 8px;
}
#settings-container div,
#settings-container div > * {
#settings-container div {
vertical-align: middle;
}
#settings-container .avatar {

View file

@ -216,56 +216,68 @@ function Settings({ onClose }) {
</section>
<h3>About</h3>
<section>
<p>
<div
style={{
display: 'flex',
gap: 8,
lineHeight: 1.25,
alignItems: 'center',
marginTop: 8,
}}
>
<img
src={logo}
alt=""
width="20"
height="20"
width="64"
height="64"
style={{
aspectRatio: '1/1',
verticalAlign: 'middle',
background: '#b7cdf9',
borderRadius: 12,
}}
/>{' '}
<a
href="https://hachyderm.io/@phanpy"
// target="_blank"
onClick={(e) => {
e.preventDefault();
states.showAccount = 'phanpy@hachyderm.io';
}}
>
@phanpy
</a>
.
</p>
/>
<div>
<b>Phanpy</b>{' '}
<a
href="https://hachyderm.io/@phanpy"
// target="_blank"
onClick={(e) => {
e.preventDefault();
states.showAccount = 'phanpy@hachyderm.io';
}}
>
@phanpy
</a>
<br />
<a href="https://github.com/cheeaun/phanpy" target="_blank">
Built
</a>{' '}
by{' '}
<a
href="https://mastodon.social/@cheeaun"
// target="_blank"
onClick={(e) => {
e.preventDefault();
states.showAccount = 'cheeaun@mastodon.social';
}}
>
@cheeaun
</a>
</div>
</div>
<p>
<a href="https://github.com/cheeaun/phanpy" target="_blank">
Built
</a>{' '}
by{' '}
<a
href="https://mastodon.social/@cheeaun"
// target="_blank"
onClick={(e) => {
e.preventDefault();
states.showAccount = 'cheeaun@mastodon.social';
}}
>
@cheeaun
</a>
.{' '}
<a
href="https://github.com/cheeaun/phanpy/blob/main/PRIVACY.MD"
target="_blank"
>
Privacy Policy
</a>
.
</p>
{__BUILD_TIME__ && (
<p>
Last build: <RelativeTime datetime={new Date(__BUILD_TIME__)} />{' '}
<span class="insignificant">Last build:</span>{' '}
<RelativeTime datetime={new Date(__BUILD_TIME__)} />{' '}
{__COMMIT_HASH__ && (
<>
(