Add credits in app about section

Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2022-01-31 12:15:58 +05:30
parent fe7c7660d3
commit b21c8f8c3a
3 changed files with 26 additions and 4 deletions

View file

@ -68,7 +68,9 @@
& .people-selector { & .people-selector {
padding: var(--sp-extra-tight); padding: var(--sp-extra-tight);
border-radius: var(--bo-radius); border-radius: var(--bo-radius);
@include dir.side(margin, var(--sp-extra-tight), 0); &__container {
@include dir.side(margin, var(--sp-extra-tight), 0);
}
} }
& .segmented-controls { & .segmented-controls {

View file

@ -196,11 +196,11 @@ function SecuritySection() {
function AboutSection() { function AboutSection() {
return ( return (
<div className="settings-content settings__about"> <div className="settings-content set__about">
<div className="set-about__branding"> <div className="set-about__branding">
<img width="60" height="60" src={CinnySVG} alt="Cinny logo" /> <img width="60" height="60" src={CinnySVG} alt="Cinny logo" />
<div> <div>
<Text variant="h2"> <Text variant="h2" weight='medium'>
Cinny Cinny
<span className="text text-b3" style={{ margin: '0 var(--sp-extra-tight)' }}>{`v${cons.version}`}</span> <span className="text text-b3" style={{ margin: '0 var(--sp-extra-tight)' }}>{`v${cons.version}`}</span>
</Text> </Text>
@ -212,6 +212,19 @@ function AboutSection() {
</div> </div>
</div> </div>
</div> </div>
<div className="set-about__credits">
<Text variant="s1" weight="medium">Credits</Text>
<ul>
<li>
{/* eslint-disable-next-line react/jsx-one-expression-per-line */ }
<Text>The <a href="https://github.com/matrix-org/matrix-js-sdk" rel="noreferrer noopener" target="_blank">matrix-js-sdk</a> is © <a href="https://matrix.org/foundation" rel="noreferrer noopener" target="_blank">The Matrix.org Foundation C.I.C</a> used under the terms of <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="noreferrer noopener" target="_blank">Apache 2.0</a>.</Text>
</li>
<li>
{/* eslint-disable-next-line react/jsx-one-expression-per-line */ }
<Text>The <a href="https://twemoji.twitter.com" target="_blank" rel="noreferrer noopener">Twemoji</a> emoji art is © <a href="https://twemoji.twitter.com" target="_blank" rel="noreferrer noopener">Twitter, Inc and other contributors</a> used under the terms of <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noreferrer noopener">CC-BY 4.0</a>.</Text>
</li>
</ul>
</div>
</div> </div>
); );
} }

View file

@ -39,7 +39,7 @@
display: flex; display: flex;
& > div { & > div {
margin: 0 calc(var(--sp-loose) + var(--sp-ultra-tight)); margin: 0 var(--sp-loose);
} }
} }
@ -50,4 +50,11 @@
margin: 0 var(--sp-tight) margin: 0 var(--sp-tight)
} }
} }
&__credits {
margin-top: var(--sp-loose);
& ul {
margin: var(--sp-extra-tight) 0;
}
}
} }