Cleanup: Search Area section markup

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

View File

@@ -1,6 +1,13 @@
<template>
<section v-if="isRegistered" class="mt-4">
<h2 class="text-lg font-semibold mb-2">Location for Searches</h2>
<section
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">
<span class="text-slate-700">Current Area: </span>
<span class="font-mono">{{ searchAreaLabel }}</span>

View File

@@ -143,20 +143,11 @@
</section>
<PushNotificationPermission ref="pushNotificationPermission" />
<section
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>
<LocationSearchSection
:is-registered="isRegistered"
:search-area-label="searchAreaLabel"
@set-search-area="onSetSearchArea"
/>
</section>
<LocationSearchSection
:is-registered="isRegistered"
:search-area-label="searchAreaLabel"
@set-search-area="onSetSearchArea"
/>
<!-- User Profile -->
<section