jsnbuchanan/crowd-funder-for-time-pwa
1
0
Fork 1
forked from trent_larson/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

Cleanup: Search Area section markup

Browse Source
This commit is contained in:
Jose Olarte III
2025-07-25 15:12:56 +08:00
parent 8cb332a74d
commit b7fac423c9
2 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/LocationSearchSection.vue
View File

@@ -1,6 +1,13 @@
<template> <template>
<section v-if="isRegistered" class="mt-4"> <section
<h2 class="text-lg font-semibold mb-2">Location for Searches</h2> v-if="isRegistered"
id="sectionSearchLocation"
class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8"
aria-labelledby="searchLocationHeading"
>
<h2 id="searchLocationHeading" class="mb-2 font-bold">
Location for Searches
</h2>
<div v-if="searchAreaLabel" class="mb-2"> <div v-if="searchAreaLabel" class="mb-2">
<span class="text-slate-700">Current Area: </span> <span class="text-slate-700">Current Area: </span>
<span class="font-mono">{{ searchAreaLabel }}</span> <span class="font-mono">{{ searchAreaLabel }}</span>

19
src/views/AccountViewView.vue
View File

@@ -143,20 +143,11 @@
</section> </section>
<PushNotificationPermission ref="pushNotificationPermission" /> <PushNotificationPermission ref="pushNotificationPermission" />
<section <LocationSearchSection
id="sectionSearchLocation" :is-registered="isRegistered"
class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8" :search-area-label="searchAreaLabel"
aria-labelledby="searchLocationHeading" @set-search-area="onSetSearchArea"
> />
<h2 id="searchLocationHeading" class="mb-2 font-bold">
Location for Searches
</h2>
<LocationSearchSection
:is-registered="isRegistered"
:search-area-label="searchAreaLabel"
@set-search-area="onSetSearchArea"
/>
</section>
<!-- User Profile --> <!-- User Profile -->
<section <section