status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-20 16:30:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: nimbus logo height and width to match design

Browse Source
This commit is contained in:
Ivana Andersson 2023-08-15 13:45:03 +03:00
parent ed29f7d65e
commit f50f2b0b0e
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/icons/marks.svg
View File

@ -1,5 +1,3 @@
<svg width="80" height="60" viewBox="0 0 80 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Marks">
<path id="Vector" d="M51.0346 29.6631V40.7005C44.9672 40.7005 41.8392 40.1487 38.1611 35.1819C34.4829 30.215 32.1066 29.663 28.9656 29.663V40.7005H17.9312V29.663H28.9656V18.6256C34.627 18.6256 38.1611 19.3614 41.8392 24.1444C45.5174 28.9273 47.4568 29.6631 51.0346 29.6631V18.6256H62.0691V29.6631H51.0346Z" fill="black"/>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="147" height="73" viewBox="0 0 147 73" fill="none">
<path d="M110.25 36.5002V73C90.0427 73 79.625 71.1754 67.375 54.7503C55.125 38.3252 47.2108 36.4998 36.75 36.4998V73H0V36.4998H36.75V1.4385e-08C55.6049 -2.9897e-08 67.375 2.43335 79.625 18.2501C91.875 34.0669 98.3343 36.5002 110.25 36.5002V0H147V36.5002H110.25Z" fill="currentColor"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 445 B

After

Width:  |  Height:  |  Size: 389 B

6
src/components/Logos/NimbusLogo.tsx
View File

@ -6,11 +6,11 @@ const NimbusLogo = () => {
<XStack
style={{
alignItems: 'center',
justifyContent: 'center',
justifyContent: 'flex-start',
}}
space={'$2'}
space={'$3'}
>
<img src={'/icons/marks.svg'} alt="marks" />
<img src={'/icons/marks.svg'} alt="marks" className="nimbus-logomark" />
<img src={'/icons/nimbus.svg'} alt="marks" />
<BetaTag />
</XStack>

5
src/index.css
View File

@ -73,7 +73,10 @@ button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
.nimbus-logomark{
width: auto;
height: 30%;
}
@media (prefers-color-scheme: light) {
:root {
color: #09101C;