improve styles
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -4,3 +4,5 @@
|
|||||||
|
|
||||||
## Introduction
|
## Introduction
|
||||||
TODO
|
TODO
|
||||||
|
|
||||||
|
<demo name="Guide/NodeViews/ReactComponent" />
|
||||||
|
|||||||
Reference in New Issue
Block a user