Refactor css in imagetarget

src/lib/components/editor/imageTarget.svelte

@@ -17,11 +17,11 @@
 <div class="mb-4 w-full">
     
     {#if image}
-        <button class="h-90 w-full rounded-2xl hover:text-white/30 block" onclick={()=>{fileinput.click();}}>
+        <button id="img-upload-button" class="" onclick={()=>{fileinput.click();}}>
             <img class="avatar rounded-2xl hover:brightness-50 transition-opacity w-full h-full object-cover" src="{image}" alt="d" />
         </button> 
     {:else}
-        <button class="text-center bg-white/30 h-90 w-full rounded-2xl block" onclick={()=>{fileinput.click();}}>
+        <button id="img-upload-button" class="" onclick={()=>{fileinput.click();}}>
             Select Image
         </button> 
     {/if}
@@ -29,3 +29,11 @@
     <input style="display:none" type="file" accept=".jpg, .jpeg, .png" onchange={(e)=>onFileSelected(e)} bind:this={fileinput} >
 
 </div>
+
+<style>
+    @import 'tailwindcss';
+    
+    #img-upload-button {
+        @apply text-center bg-white/30 h-90 w-full rounded-2xl block hover:text-white/30 transition-all;
+    }
+</style>

src/lib/components/editor/textEditor.svelte

@@ -45,7 +45,7 @@
     }
     
     :global(.tiptap) {
-        min-height: 140px;
+        min-height: 240px;
     }
 
 </style>