diff --git a/frontend/svelte/src/routes/+page.svelte b/frontend/svelte/src/routes/+page.svelte index 8818689..060fd09 100644 --- a/frontend/svelte/src/routes/+page.svelte +++ b/frontend/svelte/src/routes/+page.svelte @@ -1,12 +1,11 @@ @@ -113,12 +113,15 @@ +
+
+
{#if notes.length !== 0} @@ -127,13 +130,16 @@
  • handleMouseOverLi(note.id)} on:mouseout={() => handleMouseOutLi(note.id)}>
    -
    onNoteLiClick(note)}> - - {note.attributes.title}
    - {note.attributes.lastViewed} -     +
    onNoteLiClick(note)}> +
    + {note.attributes.title} +
    +
    + {note.attributes.lastViewed} +
    -
    + +
    +
    @@ -153,6 +160,7 @@ html, :root { --main-txt-color: black; + --sub-txt-color: gray; --cross-txt-color: red; --color-primary: #fff494; @@ -169,19 +177,23 @@ background-color: #ffffff; } - a { - color: var(--main-txt-color); - text-decoration: none; - } - li { list-style: none; padding: 6px 10px; + margin-bottom: 5px; + margin-top: 5px; border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; + border-radius: 10px; border-bottom-color: var(--color-primary-900); + border-top-color: var(--color-primary-900); background-color: var(--color-primary-600); } + li:hover { + background-color: var(--color-primary-700); + } + li button { float: right; border: none; @@ -190,10 +202,11 @@ margin: 0; font-size: 18px; cursor: pointer; + transform: scale(1.5); } li button:hover { - transform: scale(1.7); + transform: scale(2); } li:last-child { @@ -219,4 +232,8 @@ border: var(--color-primary-900); color: var(--main-txt-color); } + + .list-date-text { + color: var(--sub-txt-color); + } \ No newline at end of file diff --git a/frontend/svelte/src/routes/+page.ts b/frontend/svelte/src/routes/+page.ts index b73412f..e5159f4 100644 --- a/frontend/svelte/src/routes/+page.ts +++ b/frontend/svelte/src/routes/+page.ts @@ -1,5 +1,5 @@ import {bearerFetch, jwt} from "../models/PomeloUtils"; - +// // /** @type {import('./$types').PageLoad} */ // export async function load() { // let invalid = !jwt;