Refactor css in imagetarget

This commit is contained in:
2026-01-31 12:29:39 +13:00
parent 3c8d067a08
commit 5862c77d71
2 changed files with 12 additions and 4 deletions

View File

@@ -17,11 +17,11 @@
<div class="mb-4 w-full"> <div class="mb-4 w-full">
{#if image} {#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" /> <img class="avatar rounded-2xl hover:brightness-50 transition-opacity w-full h-full object-cover" src="{image}" alt="d" />
</button> </button>
{:else} {: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 Select Image
</button> </button>
{/if} {/if}
@@ -29,3 +29,11 @@
<input style="display:none" type="file" accept=".jpg, .jpeg, .png" onchange={(e)=>onFileSelected(e)} bind:this={fileinput} > <input style="display:none" type="file" accept=".jpg, .jpeg, .png" onchange={(e)=>onFileSelected(e)} bind:this={fileinput} >
</div> </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>

View File

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