improve AccompanyingCourse ux design

This commit is contained in:
2021-05-20 16:37:35 +02:00
parent 199e5a73d8
commit 8bd75429c1
10 changed files with 95 additions and 70 deletions

View File

@@ -24,7 +24,6 @@ import Referrer from './components/Referrer.vue';
import Resources from './components/Resources.vue';
import Comment from './components/Comment.vue';
import Confirm from './components/Confirm.vue';
//import Test from './components/Test.vue';
export default {
name: 'App',
@@ -50,12 +49,13 @@ export default {
}
div.vue-component {
h2 {
margin-left: 0.7em;
position: relative;
&:before {
position: absolute;
content: "\f1dd";
content: "\f192";
font-family: "ForkAwesome";
color: lightgrey;
color: #718596ab;
left: -28px;
top: 4px;
}
@@ -64,12 +64,12 @@ export default {
top: -2em;
}
}
padding: 1.5em 1em;
padding: 0.8em 0em;
margin: 2em 0;
border: 1px solid lightgrey;
border: 1px dotted #718596ab;
border-radius: 5px;
border-left: 1px dotted lightgrey;
border-right: 1px dotted lightgrey;
border-left: 1px dotted #718596ab;
border-right: 1px dotted #718596ab;
/*
position: relative;
&:before {
@@ -85,5 +85,10 @@ export default {
dd {
margin-left: 1em;
}
& > div {
margin: 1em 3em 0;
}
table {
}
}
</style>