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

feat: add background gradient on page wrapper shadow

This commit is contained in:
Ivana Andersson 2023-08-15 11:07:23 +03:00
parent 9cd6d121ba
commit 6813c625f2
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/layout.css
View File

@ -6,6 +6,16 @@
flex-wrap: wrap; flex-wrap: wrap;
overflow: hidden; overflow: hidden;
} }
.layout::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(113, 64, 253, 0.15) 20%, rgba(255,255,255,0) 100%);
}
.layout-left { .layout-left {
flex: 0 0 55%; flex: 0 0 55%;
max-width: 55%; max-width: 55%;