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

image layout

Browse source
This commit is contained in:
muerwre 2019-07-26 20:02:23 +07:00
parent 7cbfbc98bd
commit 163a46ace2
13 changed files with 237 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/containers/examples/ImageExample/styles.scss
View file

@ -8,15 +8,24 @@
.image {
max-height: 800px;
opacity: 1;
width: 100%;
}
}
.content {
align-items: stretch !important;
}
.comments {
flex: 3 1;
}
.panel {
flex: 1 3;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.node {
@ -26,3 +35,39 @@
.image {
background: red;
}
.buttons {
background: #161616;
flex: 1;
border-radius: $panel_radius;
box-shadow: transparentize(black, 0.3) 0 4px, inset transparentize(white, 0.98) 0 1px;
//position: relative;
//top: -64px
}
.button {
fill: white;
height: 48px;
display: flex;
align-items: center;
}
.button_icon {
flex: 0 0 38px;
align-items: center;
justify-content: center;
display: flex;
}
.button_title {
font: $font_16_semibold;
text-transform: uppercase;
margin-bottom: 2px;
white-space: nowrap;
flex: 1;
}
.button_desc {
font: $font_12_regular;
color: transparentize(white, 0.7);
}