muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-26 05:16:41 +07:00
Code Packages Activity Actions

added updated nodes to flow

Browse source
This commit is contained in:
Fedor Katurov 2019-10-30 17:26:30 +07:00
parent 6f76bec2c0
commit 74cd181530
13 changed files with 128 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/components/flow/FlowRecent/styles.scss
View file

@ -1,9 +1,7 @@
.grid {
display: grid;
grid-template-rows: repeat(9, 1fr);
grid-template-columns: auto;
row-gap: $grid_line;
display: flex;
justify-content: stretch;
flex-direction: column;
flex: 1;
& > div {
@ -20,17 +18,51 @@
font: $font_12_regular;
border-radius: $radius;
flex-direction: row;
margin-bottom: $gap;
color: white;
text-decoration: none;
}
.thumb {
height: 100%;
width: 40px;
margin-right: $grid_line;
// padding-left: 100%;
background: red;
// flex:
height: 48px;
margin-right: $gap;
background: 50% 50% no-repeat/cover;
border-radius: $radius;
flex: 0 0 48px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
&.new {
&::after {
content: ' ';
width: 12px;
height: 12px;
border-radius: 100%;
background: $red;
box-shadow: $content_bg 0 0 0 5px;
position: absolute;
right: -2px;
bottom: -2px;
}
}
}
.info {
flex: 1;
min-width: 0;
}
.title {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font: $font_16_semibold;
}
.comment {
font: $font_12_regular;
margin-top: 4px;
opacity: 0.5;
}