mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-29 12:48:57 +03:00
Code Issues Projects Releases Packages Wiki Activity

Prettify About section

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/settings.css
View file

@ -45,6 +45,9 @@
#settings-container section > ul > li .current.is-current + .avatar { #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); 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 { #settings-container section > ul > li > div {
flex-grow: 1; flex-grow: 1;
max-width: 100%; max-width: 100%;
@ -60,8 +63,7 @@
text-align: left !important; text-align: left !important;
margin-top: 8px; margin-top: 8px;
} }
#settings-container div, #settings-container div {
#settings-container div > * {
vertical-align: middle; vertical-align: middle;
} }
#settings-container .avatar { #settings-container .avatar {

78
src/pages/settings.jsx
View file

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