bachir/enfrancais-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve NodeView components and style

Browse Source
This commit is contained in:
axolotle
2021-06-24 16:13:31 +02:00
parent f4d81dffcf
commit a25123f4f9
13 changed files with 54 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/nodes/NodeView.vue
+5 -8
View File
@@ -86,11 +86,12 @@ export default {
// ╰─╴╵ ╵╵ ╰└─╯
&-card {
width: $node-card-width;
height: $node-card-height;
max-width: $node-card-width;
width: 100%;
.node-view-wrapper {
height: 100%;
&-wrapper {
width: 100%;
max-height: $node-card-height;
overflow: hidden;
}
@@ -101,8 +102,6 @@ export default {
&-card &-header {
padding: $node-card-spacer-sm-y $node-card-spacer-sm-x 0;
position: sticky;
top: 0;
@include media-breakpoint-up(md) {
padding: $node-card-spacer-y $node-card-spacer-x 0;
@@ -111,8 +110,6 @@ export default {
&-card &-footer {
padding: $node-card-spacer-sm-y $node-card-spacer-sm-x $node-card-spacer-sm-y * 2;
position: sticky;
bottom: 0;
@include media-breakpoint-up(md) {
padding: $node-card-spacer-y $node-card-spacer-x $node-card-spacer-y * 2;