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> <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;

View File

@@ -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;