Fixed darkmode

This commit is contained in:
DutchEllie 2022-07-13 12:38:39 +02:00
parent 5997105fed
commit 1460247247
Signed by: DutchEllie
SSH Key Fingerprint: SHA256:dKq6ZSgN5E3Viqrw/+xAdf2VdR6hdRGNyrYqXXwfjTY
2 changed files with 6 additions and 6 deletions

View File

@ -161,15 +161,15 @@ import { comment } from 'postcss';
bind:value={message} bind:value={message}
/> />
<button <button
class="bg-blue-100 border-slate-400 border-2 rounded-full py-2 w-fit px-10" class="bg-blue-100 dark:bg-slate-700 border-slate-400 border-2 rounded-full py-2 w-fit px-10"
type="submit">Submit</button type="submit">Submit</button
> >
</form> </form>
<div> <div>
{#if DisplayComments != null} {#if DisplayComments != null}
<div class="mt-4"> <div class="mt-4">
<button class="px-5 py-2 bg-slate-400 rounded-xl" on:click={() => {if (commentPage > 0) commentPage -= 1}}>Previous</button> <button class="px-5 py-2 bg-slate-400 dark:bg-slate-800 dark:ring-slate-400 dark:ring-2 rounded-xl mx-1" on:click={() => {if (commentPage > 0) commentPage -= 1}}>Previous</button>
<button class="px-5 py-2 bg-slate-400 rounded-xl" on:click={() => commentPage += 1}>Next Page</button> <button class="px-5 py-2 bg-slate-400 dark:bg-slate-800 dark:ring-slate-400 dark:ring-2 rounded-xl mx-1" on:click={() => commentPage += 1}>Next Page</button>
<p class="ml-2 mt-1 w-full md:w-max">Current page: {commentPage + 1}</p> <p class="ml-2 mt-1 w-full md:w-max">Current page: {commentPage + 1}</p>
</div> </div>
{#each DisplayComments.slice(commentPage * pageSize, commentPage * pageSize + pageSize) as c} {#each DisplayComments.slice(commentPage * pageSize, commentPage * pageSize + pageSize) as c}

View File

@ -3,8 +3,8 @@
export let comment: Comment; export let comment: Comment;
</script> </script>
<div class="rounded bg-red-100 mt-2 break-words"> <div class="rounded bg-red-100 dark:bg-slate-800 dark:ring-2 dark:ring-slate-400 mt-2 break-words">
<div class="rounded-t bg-slate-400 grid grid-cols-2 gap-1 min-h-fit px-3 py-1"> <div class="rounded-t bg-slate-400 dark:bg-slate-700 grid grid-cols-2 gap-1 min-h-fit px-3 py-1">
<p class="text-xs">Author: {comment.name}</p> <p class="text-xs">Author: {comment.name}</p>
<p class="text-xs"> <p class="text-xs">
Time: Time:
@ -18,7 +18,7 @@
<p class="text-xs col-span-2">Site: {comment.website}</p> <p class="text-xs col-span-2">Site: {comment.website}</p>
{/if} {/if}
</div> </div>
<div class="px-3 "> <div class="px-3 py-2">
<p class="">{comment.message}</p> <p class="">{comment.message}</p>
</div> </div>
</div> </div>