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

refined horizontal editor

Browse source
This commit is contained in:
muerwre 2019-08-02 04:30:08 +07:00
parent 4c20da6151
commit 819e988a2e
3 changed files with 29 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

61
src/containers/examples/HorizontalExample/styles.scss
View file

@ -1,65 +1,30 @@
.wrap {
align-items: stretch;
flex: 1;
align-items: center;
justify-content: center;
display: flex;
background: $editor_bg;
flex: 1;
flex-direction: column;
}
.group {
display: flex;
align-items: stretch !important;
justify-content: stretch;
//flex: 1;
}
.panel {
background: $editor_panel_bg;
//flex: 1;
border-radius: $radius;
box-sizing: border-box;
.card {
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.editor {
flex: 1;
min-height: 200px;
min-width: 50vw;
background: darken($content_bg, 4%);
border-radius: $radius;
display: flex;
align-items: stretch;
justify-content: stretch;
flex-direction: column;
}
.editor_panel {
}
.editor_image_panel {
// flex: 1;
}
.editor_image_container {
flex: 1;
@include outer_shadow();
}
.editor_image {
background: transparentize(white, 0.95);
padding-bottom: 100%;
border-radius: $radius;
}
.feature_card {
height: 100px;
background: darken($main_bg_color, 3%);
}
.panel_main {
flex: 1;
display: flex;
}
.close_icon {
height: 24px;
width: 24px;
background: transparentize(white, 0.95);
flex: 0 0 24px;
border-radius: $radius;
.panel {
}