Joururi/velo-park
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed primary colour

Browse Source
This commit is contained in:
Alexis
2026-03-28 21:36:52 +01:00
parent 05e0bb58ee
commit 45fd18afa7
3 changed files with 20 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/css/main.css
View File

@@ -9,8 +9,8 @@
--card-foreground: oklch(0.145 0 0); --card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0); --popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0); --popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0); --primary: oklch(87.173% 0.17182 90.995);
--primary-foreground: oklch(0.985 0 0); --primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.97 0 0); --secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0); --secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0); --muted: oklch(0.97 0 0);
@@ -45,7 +45,7 @@
--card-foreground: oklch(0.985 0 0); --card-foreground: oklch(0.985 0 0);
--popover: oklch(0.145 0 0); --popover: oklch(0.145 0 0);
--popover-foreground: oklch(0.985 0 0); --popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.985 0 0); --primary: oklch(87.173% 0.17182 90.995);
--primary-foreground: oklch(0.205 0 0); --primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0); --secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0); --secondary-foreground: oklch(0.985 0 0);

24
src/components/BikeFilters.vue
View File

@@ -17,11 +17,11 @@ defineProps<{
<aside class="absolute top-5 left-5 z-10 p-2 bg-slate-50 text-slate-950 text-xs rounded-xs"> <aside class="absolute top-5 left-5 z-10 p-2 bg-slate-50 text-slate-950 text-xs rounded-xs">
<form> <form>
<div class="grid gap-1.5"> <div class="grid gap-1.5">
<label class="flex flex-row gap-1.5 items-center [&>.checkbox]:hover:bg-foreground text-sm cursor-pointer"> <label class="flex flex-row gap-1.5 items-center text-sm cursor-pointer">
<CheckboxRoot v-model="filterUncovered" <CheckboxRoot v-model="filterUncovered"
class="hover:bg-stone-50 flex size-4 appearance-none items-center justify-center rounded-xs bg-foreground shadow-sm border focus-within:ring-1 cursor-pointer"> class="hover:bg-stone-100 flex size-4 appearance-none items-center justify-center rounded-xs bg-foreground shadow-sm border focus-within:ring-1 cursor-pointer">
<CheckboxIndicator class="bg-foreground size-full flex items-center justify-center"> <CheckboxIndicator class="size-full flex items-center justify-center bg-primary text-primary-foreground">
<PhCheck :size="10" /> <PhCheck :size="10" weight="bold" />
</CheckboxIndicator> </CheckboxIndicator>
</CheckboxRoot> </CheckboxRoot>
@@ -34,11 +34,11 @@ defineProps<{
</span> </span>
</label> </label>
<label class="flex flex-row gap-1.5 items-center [&>.checkbox]:hover:bg-foreground text-sm cursor-pointer"> <label class="flex flex-row gap-1.5 items-center text-sm cursor-pointer">
<CheckboxRoot v-model="filterCovered" <CheckboxRoot v-model="filterCovered"
class="hover:bg-stone-50 flex size-4 appearance-none items-center justify-center rounded-xs bg-foreground shadow-sm border focus-within:ring-1 cursor-pointer"> class="hover:bg-stone-100 flex size-4 appearance-none items-center justify-center rounded-xs bg-foreground shadow-sm border focus-within:ring-1 cursor-pointer">
<CheckboxIndicator class="bg-foreground size-full flex items-center justify-center"> <CheckboxIndicator class="size-full flex items-center justify-center bg-primary text-primary-foreground">
<PhCheck :size="10" /> <PhCheck :size="10" weight="bold" />
</CheckboxIndicator> </CheckboxIndicator>
</CheckboxRoot> </CheckboxRoot>
@@ -51,11 +51,11 @@ defineProps<{
</span> </span>
</label> </label>
<label class="flex flex-row gap-1.5 items-center [&>.checkbox]:hover:bg-foreground text-sm cursor-pointer"> <label class="flex flex-row gap-1.5 items-center text-sm cursor-pointer">
<CheckboxRoot v-model="filterKorrigo" <CheckboxRoot v-model="filterKorrigo"
class="hover:bg-stone-50 flex size-4 appearance-none items-center justify-center rounded-xs bg-foreground shadow-sm border focus-within:ring-1 cursor-pointer"> class="hover:bg-stone-100 flex size-4 appearance-none items-center justify-center rounded-xs bg-foreground shadow-sm border focus-within:ring-1 cursor-pointer">
<CheckboxIndicator class="bg-foreground size-full flex items-center justify-center"> <CheckboxIndicator class="size-full flex items-center justify-center bg-primary text-primary-foreground">
<PhCheck :size="10" /> <PhCheck :size="10" weight="bold" />
</CheckboxIndicator> </CheckboxIndicator>
</CheckboxRoot> </CheckboxRoot>

7
src/components/Map.vue
View File

@@ -68,8 +68,11 @@ const { filterUncovered, filterCovered, filterKorrigo } = storeToRefs(useMap())
</script> </script>
<template> <template>
<BikeFilters :nb-uncovered="nonCoveredParkingsSpots" :nb-covered="coveredParkingsSpots" <Transition enter-from-class="opacity-0 translate-y-2"
:nb-korrigo="premiumParkingsSpots" /> enter-active-class="transition-all duration-500 ease-out delay-300" enter-to-class="opacity-100 translate-y-0">
<BikeFilters v-if="state.status === 'success'" :nb-uncovered="nonCoveredParkingsSpots"
:nb-covered="coveredParkingsSpots" :nb-korrigo="premiumParkingsSpots" />
</Transition>
<main class="relative z-0 h-screen w-screen grid place-items-center"> <main class="relative z-0 h-screen w-screen grid place-items-center">
<div v-if="state.status === 'pending'">Loading...</div> <div v-if="state.status === 'pending'">Loading...</div>