Refactor css in imagetarget
This commit is contained in:
@@ -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>
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
:global(.tiptap) {
|
:global(.tiptap) {
|
||||||
min-height: 140px;
|
min-height: 240px;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user