improve styling

This commit is contained in:
Philipp Kühn
2020-10-01 23:30:26 +02:00
parent 82b3dc1862
commit 084854bf18
2 changed files with 5 additions and 7 deletions

View File

@@ -1,9 +1,9 @@
<template>
<div class="live-editor">
<div class="live-editor__preview">
<div class="live-demo-template">
<div class="live-demo-template__preview">
<slot name="preview" />
</div>
<div class="live-editor__editor">
<div class="live-demo-template__editor">
<slot name="editor" />
</div>
</div>
@@ -40,10 +40,10 @@ export default {
</script>
<style lang="scss" scoped>
.live-editor {
.live-demo-template {
background-color: $colorWhite;
overflow: hidden;
border-radius: 0.5rem;
border-radius: 0.5rem 0.5rem 0 0;
&__preview {
padding: 1.5rem;

View File

@@ -4,8 +4,6 @@
border-radius: 0.5rem;
&__preview {
padding: 1.5rem;
border: 1px solid rgba($colorBlack, 0.1);
border-top-left-radius: inherit;
border-top-right-radius: inherit;
border-bottom-width: 0;