improve styles

This commit is contained in:
Philipp Kühn
2021-03-18 09:51:16 +01:00
parent d524cd8c58
commit 6680f63d6e
4 changed files with 11 additions and 8 deletions

View File

@@ -6,7 +6,7 @@
} }
.react-component { .react-component {
border: 1px solid #adb5bd; border: 3px solid #0D0D0D;
border-radius: 0.5rem; border-radius: 0.5rem;
margin: 1rem 0; margin: 1rem 0;
position: relative; position: relative;
@@ -14,7 +14,7 @@
.label { .label {
margin-left: 1rem; margin-left: 1rem;
background-color: #adb5bd; background-color: #0D0D0D;
font-size: 0.6rem; font-size: 0.6rem;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: bold; font-weight: bold;

View File

@@ -32,7 +32,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.vue-component { .vue-component {
border: 1px solid #adb5bd; border: 3px solid #0D0D0D;
border-radius: 0.5rem; border-radius: 0.5rem;
margin: 1rem 0; margin: 1rem 0;
position: relative; position: relative;
@@ -40,7 +40,7 @@ export default {
.label { .label {
margin-left: 1rem; margin-left: 1rem;
background-color: #adb5bd; background-color: #0D0D0D;
font-size: 0.6rem; font-size: 0.6rem;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: bold; font-weight: bold;

View File

@@ -21,7 +21,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.vue-component { .vue-component {
border: 1px solid #adb5bd; border: 3px solid #0D0D0D;
border-radius: 0.5rem; border-radius: 0.5rem;
margin: 1rem 0; margin: 1rem 0;
position: relative; position: relative;
@@ -29,7 +29,7 @@ export default {
.label { .label {
margin-left: 1rem; margin-left: 1rem;
background-color: #adb5bd; background-color: #0D0D0D;
font-size: 0.6rem; font-size: 0.6rem;
letter-spacing: 1px; letter-spacing: 1px;
font-weight: bold; font-weight: bold;
@@ -43,7 +43,8 @@ export default {
.content { .content {
margin: 2.5rem 1rem 1rem; margin: 2.5rem 1rem 1rem;
padding: 1rem; padding: 0.5rem;
border: 1px dashed #adb5bd; border: 2px dashed #0D0D0D20;
border-radius: 0.5rem;
} }
</style> </style>

View File

@@ -4,3 +4,5 @@
## Introduction ## Introduction
TODO TODO
<demo name="Guide/NodeViews/ReactComponent" />