mirror of
https://github.com/cheeaun/phanpy.git
synced 2024-11-25 18:55:44 +03:00
Prettify About section
This commit is contained in:
parent
cff8c90478
commit
bbdfb5dd7d
2 changed files with 49 additions and 35 deletions
|
@ -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 {
|
||||
|
|
|
@ -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__ && (
|
||||
<>
|
||||
(
|
||||
|
|
Loading…
Reference in a new issue