fix scoped styles

This commit is contained in:
Philipp Kühn
2021-03-17 23:49:03 +01:00
parent 4a9cc6752e
commit 8ca65b8c56
3 changed files with 26 additions and 24 deletions

View File

@@ -42,7 +42,7 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
/* Basic editor styles */ /* Basic editor styles */
.ProseMirror { .ProseMirror {
> * + * { > * + * {
@@ -50,14 +50,15 @@ export default {
} }
} }
.node-view { ::v-deep {
.node-view {
border: 1px solid #adb5bd; border: 1px solid #adb5bd;
border-radius: 0.5rem; border-radius: 0.5rem;
margin: 1rem 0; margin: 1rem 0;
position: relative; position: relative;
} }
.label { .label {
margin-left: 1rem; margin-left: 1rem;
background-color: #adb5bd; background-color: #adb5bd;
font-size: 0.6rem; font-size: 0.6rem;
@@ -69,9 +70,10 @@ export default {
top: 0; top: 0;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
border-radius: 0 0 0.5rem 0.5rem; border-radius: 0 0 0.5rem 0.5rem;
} }
.content { .content {
margin: 2.5rem 1rem 1rem; margin: 2.5rem 1rem 1rem;
}
} }
</style> </style>

View File

@@ -30,7 +30,7 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.vue-component { .vue-component {
border: 1px solid #adb5bd; border: 1px solid #adb5bd;
border-radius: 0.5rem; border-radius: 0.5rem;

View File

@@ -19,7 +19,7 @@ export default {
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.vue-component { .vue-component {
border: 1px solid #adb5bd; border: 1px solid #adb5bd;
border-radius: 0.5rem; border-radius: 0.5rem;