fix: min height

Kong · Jan 7, 2024 · 3d32693 · 3d32693
1 parent e46b74a
commit 3d32693
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/sandbox/App.vue b/sandbox/App.vue
@@ -7,7 +7,7 @@
       <MarkdownUi
         v-model="content"
         downloadable
-        :editable="editable"
+        editable
         mode="split"
         @cancel="cancelEdit"
         @mode="modeChanged"
@@ -44,8 +44,6 @@ import { onBeforeMount, ref } from 'vue'
 import { MarkdownUi } from '../src'
 import mockResponse from './mock-document-response'
 
-const editable = ref<boolean>(true)
-
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const contentUpdated = (markdown: string) => {
   console.log('content updated')

diff --git a/src/components/MarkdownUi.vue b/src/components/MarkdownUi.vue
@@ -82,7 +82,7 @@
         >
           <div class="content-buttons">
             <div
-              v-if="currentMode === 'read' && downloadable"
+              v-if="currentMode === 'read' && !!rawMarkdown?.length && downloadable"
               class="download-button"
             >
               <slot
@@ -662,6 +662,7 @@ const markdownPanesMaxHeight = computed((): string => `${props.maxHeight}px`)
   .markdown-preview {
     background-color: var(--kui-color-background, $kui-color-background);
     box-sizing: border-box; // Ensure the padding is calculated in the element's width
+    min-height: v-bind('TOOLBAR_HEIGHT');
     position: relative;
 
     .content-buttons {