status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: add appropriate nimbus logomark styles

This commit is contained in:
Ivana Andersson 2023-08-21 15:57:39 +03:00
parent f6ecba8c8b
commit 52e6922aba
2 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Logos/NimbusLogo.css
View File

@ -1,5 +1,10 @@
.nimbus-logomark{ .nimbus-logomark{
width: auto; display: flex;
height: 30%; justify-content: center;
align-items: center;
}
.nimbus-logomark svg {
width: auto;
height: 24px;
} }

14
src/components/PageWrappers/layout.css
View File

@ -26,7 +26,7 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: end; justify-content: end;
height: 100%; height: 100%;
padding: 70px 0 0; /* padding: 70px 0 0; */
} }
.container-inner { .container-inner {
max-width: 70%; max-width: 70%;
@ -49,6 +49,7 @@
height: 100%; height: 100%;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
color: #FFF;
} }
.image-container::before { .image-container::before {
display: block; display: block;
@ -65,7 +66,7 @@
height: 100%; height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.0)); background: linear-gradient(to right, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.0));
} }
.image-container img { .image-container .background-img {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -73,3 +74,12 @@
height: 140%; height: 140%;
width: auto; width: auto;
} }
.image-container .nimbus-logomark {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-container .nimbus-logomark svg {
height: 73px;
}