improve styling
This commit is contained in:
@@ -1,9 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="live-editor">
|
<div class="live-demo-template">
|
||||||
<div class="live-editor__preview">
|
<div class="live-demo-template__preview">
|
||||||
<slot name="preview" />
|
<slot name="preview" />
|
||||||
</div>
|
</div>
|
||||||
<div class="live-editor__editor">
|
<div class="live-demo-template__editor">
|
||||||
<slot name="editor" />
|
<slot name="editor" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -40,10 +40,10 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.live-editor {
|
.live-demo-template {
|
||||||
background-color: $colorWhite;
|
background-color: $colorWhite;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem 0.5rem 0 0;
|
||||||
|
|
||||||
&__preview {
|
&__preview {
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
|
|||||||
@@ -4,8 +4,6 @@
|
|||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
&__preview {
|
&__preview {
|
||||||
padding: 1.5rem;
|
|
||||||
border: 1px solid rgba($colorBlack, 0.1);
|
|
||||||
border-top-left-radius: inherit;
|
border-top-left-radius: inherit;
|
||||||
border-top-right-radius: inherit;
|
border-top-right-radius: inherit;
|
||||||
border-bottom-width: 0;
|
border-bottom-width: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user