diff --git a/src/lib/assets/camera.svg b/src/lib/assets/camera.svg index 5ae8cc9..9177142 100644 --- a/src/lib/assets/camera.svg +++ b/src/lib/assets/camera.svg @@ -1,7 +1,7 @@ - - + + diff --git a/src/lib/assets/heart.svg b/src/lib/assets/heart.svg new file mode 100644 index 0000000..a19f079 --- /dev/null +++ b/src/lib/assets/heart.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/lib/assets/logo.svg b/src/lib/assets/logo.svg index fe90745..c51cdff 100644 --- a/src/lib/assets/logo.svg +++ b/src/lib/assets/logo.svg @@ -1,8 +1,8 @@ - - - + + + diff --git a/src/lib/assets/un_heart.svg b/src/lib/assets/un_heart.svg new file mode 100644 index 0000000..65592b5 --- /dev/null +++ b/src/lib/assets/un_heart.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/lib/components/Button.svelte b/src/lib/components/Button.svelte index a1e724f..83af3f5 100644 --- a/src/lib/components/Button.svelte +++ b/src/lib/components/Button.svelte @@ -33,14 +33,15 @@ padding: 0.5rem 1rem; border-radius: 0.5rem; box-shadow: 0rem 0rem 0.5rem #182125; - color: #eaffeb; + color: #ffffff; border: none; cursor: pointer; text-decoration: none; text-align: center; + font-weight: bold; } .normal { - background: linear-gradient(-83deg, #3fb095, #49bd85); + background: linear-gradient(-83deg, rgb(1, 163, 117), #189f5e); } .red { background-color: #bd4949; diff --git a/src/lib/components/Favourite.svelte b/src/lib/components/Favourite.svelte index 1c2ef7f..24828c1 100644 --- a/src/lib/components/Favourite.svelte +++ b/src/lib/components/Favourite.svelte @@ -1,10 +1,13 @@ heart {:else} - 🤍 + unheart {/if} diff --git a/src/lib/components/Feedback.svelte b/src/lib/components/Feedback.svelte index 0504d1f..5d27b82 100644 --- a/src/lib/components/Feedback.svelte +++ b/src/lib/components/Feedback.svelte @@ -207,7 +207,7 @@ padding: 0.5rem; border-radius: 0.5rem; border: none; - background-color: #49bd85; + background-color: #189f5e; color: #ffffff; font-size: 1rem; cursor: pointer; diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte index 2b8c514..3e79ee6 100644 --- a/src/lib/components/Navbar.svelte +++ b/src/lib/components/Navbar.svelte @@ -45,5 +45,6 @@ display: flex; flex-direction: row-reverse; flex: 1; + align-items: center; } diff --git a/src/lib/components/Report.svelte b/src/lib/components/Report.svelte index 6322b9b..ee90280 100644 --- a/src/lib/components/Report.svelte +++ b/src/lib/components/Report.svelte @@ -123,7 +123,7 @@ padding: 0.5rem; border-radius: 0.5rem; border: none; - background-color: #49bd85; + background-color: #189f5e; color: #ffffff; font-size: 1rem; cursor: pointer; diff --git a/src/lib/components/SpaceCard.svelte b/src/lib/components/SpaceCard.svelte index 163e7c4..aa14527 100644 --- a/src/lib/components/SpaceCard.svelte +++ b/src/lib/components/SpaceCard.svelte @@ -56,7 +56,7 @@ text-decoration: none; } .green { - background-color: #49bd85; + background-color: #189f5e; } .grey { background-color: #2e4653; @@ -68,7 +68,7 @@ flex: 1; display: flex; flex-direction: column; - padding: 0.5rem; + padding: 0.4rem; color: #edebe9; } img { @@ -80,6 +80,7 @@ h1 { margin-bottom: 0.5rem; + font-size: 1.5rem; } .tagContainer { @@ -108,7 +109,7 @@ } .tagGrey { - background-color: #49bd85; + background-color: #189f5e; } .compulsoryContainer { @@ -123,12 +124,13 @@ } .image-container .fav-button { position: absolute; - top: 0.5rem; - right: 0.5rem; - background: rgba(11, 128, 34, 0.4); - border-radius: 50%; - padding: 0.25rem; + top: 0; + right: 0; + background: #189f5e; + border-radius: 0 0 0 0.5rem; z-index: 1; + width: 2.75rem; + height: 2.75rem; } .footer { diff --git a/src/lib/components/inputs/Images.svelte b/src/lib/components/inputs/Images.svelte index 6940dd0..77fc6a4 100644 --- a/src/lib/components/inputs/Images.svelte +++ b/src/lib/components/inputs/Images.svelte @@ -85,7 +85,7 @@ display: flex; flex-direction: column; align-items: center; - color: #49bd85; + color: #189f5e; } .preview { max-height: 100%; diff --git a/src/lib/components/inputs/Text.svelte b/src/lib/components/inputs/Text.svelte index abf9f62..af9e374 100644 --- a/src/lib/components/inputs/Text.svelte +++ b/src/lib/components/inputs/Text.svelte @@ -6,6 +6,7 @@ placeholder?: string; required?: boolean; type?: "text" | "password" | "email" | "number"; + maxlength?: number; } let { inputElem = $bindable(), value = $bindable(), name, ...rest }: Props = $props(); diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 40de308..5f0100f 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -177,7 +177,8 @@
@@ -231,8 +232,8 @@ display: grid; box-sizing: border-box; grid-template-columns: 1fr 1fr; - gap: 1rem; - padding: 1rem; + gap: 0.5rem; + padding: 0.5rem; max-width: 32rem; width: 100%; margin: 0 auto; @@ -263,7 +264,6 @@ border: none; color: #eaffeb; font-size: 1rem; - margin-right: 0.5rem; cursor: pointer; } .fav-button:hover { diff --git a/src/routes/filter/+page.svelte b/src/routes/filter/+page.svelte index 2b6e313..8f37090 100644 --- a/src/routes/filter/+page.svelte +++ b/src/routes/filter/+page.svelte @@ -259,10 +259,12 @@ } .time-filter-container input[type="time"] { background: none; - border: 2px solid #eaffeb; + border: 2px solid #000000; border-radius: 0.5rem; padding: 0.25rem 0.5rem; - color: #eaffeb; + color: #000000; + filter: brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(555%) hue-rotate(54deg) + brightness(100%) contrast(102%); } .setToNow { display: flex; diff --git a/src/routes/space/[id]/+page.svelte b/src/routes/space/[id]/+page.svelte index 1c124fa..233b18c 100644 --- a/src/routes/space/[id]/+page.svelte +++ b/src/routes/space/[id]/+page.svelte @@ -108,16 +108,22 @@ /> {/if}
- -
-
{space.location}
+
{#await supabase.auth.getSession() then resp} {#if resp.data.session}
- +
{/if} {/await} + +
+
+
{space.location}
{#if space.description != null && space.description.length > 0}

@@ -226,11 +232,12 @@ width: 100%; padding: 0.6rem; margin-top: -0.5rem; - background-color: #49bd85; + background-color: #189f5e; border-radius: 8px; font-size: 2.8rem; font-weight: bold; color: #ffffff; + z-index: 1; } .descContainer { @@ -295,7 +302,7 @@ padding: 0.7rem; border-radius: 0.5rem; border: none; - background-color: #49bd85; + background-color: #189f5e; color: #ffffff; font-size: 1rem; cursor: pointer; @@ -335,18 +342,17 @@ font-family: monospace; color: #eaffeb; } - /* .titleContainer { - display: flex; - align-items: center; - justify-content: space-between; - margin: -0.5rem 0 1rem; - } */ + .imgContainer { + position: relative; + } .title-fav { - font-size: 2rem; - background: rgba(0, 0, 0, 0.4); - border-radius: 50%; - padding: 0.25rem; - box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.7); - color: red; + position: absolute; + top: 0; + right: 0; + background: #189f5e; + border-radius: 0 0 0 0.5rem; + z-index: 1; + width: 3.75rem; + height: 3.75rem; } diff --git a/src/routes/space/[id]/edit/+page.svelte b/src/routes/space/[id]/edit/+page.svelte index 127be79..115faa4 100644 --- a/src/routes/space/[id]/edit/+page.svelte +++ b/src/routes/space/[id]/edit/+page.svelte @@ -327,10 +327,18 @@ + {#if (studySpaceData.location ?? "").length > 25} +

+ Try to keep the name succinct—for example, building + room name. Put any further + information like floor number in the description. +

+ {/if} +
@@ -629,7 +637,7 @@ .additionalImages { padding: 0.5rem 1rem; border-radius: 0.5rem; - background: linear-gradient(-83deg, #3fb095, #49bd85); + background: linear-gradient(-83deg, #3fb095, #189f5e); box-shadow: 0rem 0rem 0.5rem #182125; color: #eaffeb; border: none; @@ -662,4 +670,10 @@ background-color: #eaffeb; border-radius: 5rem; } + + .lengthPopup { + background-color: #2e4653; + border-radius: 0.5rem; + padding: 0.5rem; + } diff --git a/src/routes/space/reports/+page.svelte b/src/routes/space/reports/+page.svelte index 70b87dd..4c9087d 100644 --- a/src/routes/space/reports/+page.svelte +++ b/src/routes/space/reports/+page.svelte @@ -99,7 +99,7 @@ padding: 0.5rem; border-radius: 0.5rem; border: none; - background-color: #49bd85; + background-color: #189f5e; color: #ffffff; font-size: 1rem; cursor: pointer;