Add shadow to MarkdownInput menu to match body

Author: mythz

src/components/MarkdownInput.vue

@@ -2,7 +2,7 @@
 <div>
     <slot name="header" :inputElement="txt" :id="id" :modelValue="modelValue" :status="status" v-bind="$attrs"></slot>
     <label v-if="useLabel" :for="id" :class="`mb-1 block text-sm font-medium text-gray-700 dark:text-gray-300 ${labelClass??''}`">{{ useLabel }}</label>
-    <div v-if="!disabled" class="border border-gray-200 flex justify-between">
+    <div v-if="!disabled" class="border border-gray-200 flex justify-between shadow-sm">
         <div class="p-2 flex flex-wrap gap-x-4">
             <svg v-if="show('bold')" :class="btnCls" @click="bold" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Bold text (CTRL+B)</title>
                 <path fill="currentColor" d="M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79c0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79c0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z" />