AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

comment fixes

Browse Source
This commit is contained in:
MuslemRahimi 2024-06-05 19:41:19 +02:00
parent 7c2395d453
commit b7abc0dc89
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/components/CommentSection.svelte
View File

@ -400,7 +400,7 @@ const handleDownvote = async (event) => {
{/if} {/if}
{#if data?.user?.id === comment?.expand?.user?.id || data?.user?.id === moderators?.at(0).user} {#if data?.user?.id === comment?.expand?.user?.id || data?.user?.id === moderators?.at(0).user}
<label for={deleteCommentId} class="cursor-pointer text-[12.5px] font-bold text-[#8C8C8C]"> <label for={'delete'+deleteCommentId} class="cursor-pointer text-[12.5px] font-bold text-[#8C8C8C]">
Delete Delete
</label> </label>
{/if} {/if}
@ -448,11 +448,11 @@ const handleDownvote = async (event) => {
<!--Start Delete Modal--> <!--Start Delete Modal-->
<input type="checkbox" id={deleteCommentId} class="modal-toggle" /> <input type="checkbox" id={'delete'+deleteCommentId} class="modal-toggle" />
<dialog id={deleteCommentId} class="modal modal-bottom sm:modal-middle border border-slate-800"> <dialog id={'delete'+deleteCommentId} class="modal modal-bottom sm:modal-middle border border-slate-800">
<label for={deleteCommentId} class="cursor-pointer modal-backdrop bg-[#fff] bg-opacity-[0.05]"></label> <label for={'delete'+deleteCommentId} class="cursor-pointer modal-backdrop bg-[#fff] bg-opacity-[0.05]"></label>
<div class="modal-box bg-[#202020] p-5 border border-slate-600 shadow-none" > <div class="modal-box bg-[#202020] p-5 border border-slate-600 shadow-none" >
@ -461,10 +461,10 @@ const handleDownvote = async (event) => {
</h3> </h3>
<div class="modal-action pb-4"> <div class="modal-action pb-4">
<label for={deleteCommentId} class="cursor-pointer text-sm px-3 py-3 rounded-lg m-auto text-white mr-5 bg-[#646464]"> <label for={'delete'+deleteCommentId} class="cursor-pointer text-sm px-3 py-3 rounded-lg m-auto text-white mr-5 bg-[#646464]">
No, cancel No, cancel
</label> </label>
<label on:click={handleDeleteComment} for={deleteCommentId} class="cursor-pointer text-sm px-3 py-3 rounded-lg m-auto text-white mr-5 bg-blue-700"> <label on:click={handleDeleteComment} for={'delete'+deleteCommentId} class="cursor-pointer text-sm px-3 py-3 rounded-lg m-auto text-white mr-5 bg-blue-700">
Yes, I'm sure Yes, I'm sure
</label> </label>

4
src/lib/components/TextEditor.svelte
View File

@ -229,10 +229,10 @@ function handleImageInput(event) {
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
<div class="p-2 w-full max-w-xl mr-auto {commentId?.length !== 0 ? '-ml-2' : ''}"> <div class="p-2 w-full max-w-xl mr-auto overflow-y-scroll {commentId?.length !== 0 ? '-ml-2' : ''}">
<textarea <textarea
on:click={() => expandField = true} on:click={() => expandField = true}
class="rounded-lg {expandField ? 'min-h-28 h-full border-[#1C4090]' : 'h-12 border-gray-500'} overflow-hidden sm:hover:border-[#1C4090] sm:hover:ring-1 transition sm:ease-out placeholder-gray-500 w-full bg-[#202020] text-white border border-1 ring-2 sm:ring-0 ring-[#1C4090]" class="rounded-lg text-sm {expandField ? 'min-h-28 h-full border-[#1C4090]' : 'h-12 border-gray-500'} overflow-hidden sm:hover:border-[#1C4090] sm:hover:ring-1 transition sm:ease-out placeholder-gray-500 w-full bg-[#202020] text-white border border-1 ring-2 sm:ring-0 ring-[#1C4090]"
placeholder={placeholder} placeholder={placeholder}
value={inputValue} value={inputValue}
bind:this={ref} bind:this={ref}