fix(kprompt): bottom divider (#616)

Fix bottom divider display.
Kong · May 19, 2022 · 829a692 · 829a692
1 parent 48dbd69
commit 829a692
Showing 1 changed file with 9 additions and 12 deletions.
diff --git a/src/components/KPrompt/KPrompt.vue b/src/components/KPrompt/KPrompt.vue
@@ -38,8 +38,8 @@
       </div>
     </template>
     <template #body-content>
-      <div class="k-prompt-body">
-        <div class="k-prompt-body-content">
+      <div class="k-prompt-body w-100">
+        <div class="k-prompt-body-content w-100">
           <slot name="body-content">
             {{ message }}
           </slot>
@@ -262,7 +262,7 @@ export default defineComponent({
         }
       }
 
-      .k-modal-body.modal-body .k-prompt-body {
+      .k-modal-body.modal-body .k-prompt-body .k-prompt-body-content {
         font-size: var(--type-md);
         text-align: start;
         color: var(--grey-600);
@@ -271,20 +271,17 @@ export default defineComponent({
         overflow-y: auto;
         overflow-x: hidden;
         max-height: var(--KPromptMaxHeight, 300px);
+        padding-bottom: var(--spacing-lg);
+        width: 99%;
 
         @media screen and (min-width: 768px) {
           max-height: var(--KPromptMaxHeight, 500px);
         }
 
-        .k-prompt-body-content {
-          padding-bottom: var(--spacing-lg);
-          width: 99%;
-
-          .k-prompt-confirm-text {
-            margin-top: var(--spacing-lg);
-            .k-input {
-              width: 100%;
-            }
+        .k-prompt-confirm-text {
+          margin-top: var(--spacing-lg);
+          .k-input {
+            width: 100%;
           }
         }
       }