status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-01-22 09:19:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(nimbus-logo): add responsive margin

Browse Source
This commit is contained in:
RadoslavDimchev 2024-02-05 23:09:50 +02:00 committed by Radoslav Dimchev
parent 6ba84c61d8
commit 5a050e3c1b
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,8 +10,8 @@ const NimbusLogo = () => {
style={{
alignItems: 'center',
justifyContent: 'flex-start',
marginTop: '4.4rem',
}}
className="nimbus-logo"
space={'$3'}
>
<NimbusLogoMark />

10
src/index.css
View File

@ -119,6 +119,10 @@ ul li {
background: transparent;
}
.nimbus-logo {
margin-top: 4.4rem;
}
@media (prefers-color-scheme: light) {
:root {
color: #09101c;
@ -144,3 +148,9 @@ ul li {
display: none;
}
}
@media (max-width: 1000px) {
.nimbus-logo {
margin-top: 0;
}
}