Add nuisance style, fix header on non-home district pages

This commit is contained in:
Eli Ribble 2026-04-03 19:07:20 +00:00
parent b6037d7525
commit 6203e3da75
No known key found for this signature in database
5 changed files with 140 additions and 122 deletions

View file

@ -10,8 +10,33 @@
<template>
<Home :slug="slug">
<template #header>
<!-- Introduction Section -->
<HeaderDistrict :district="district" />
<template v-if="district">
<section class="py-5 bg-primary text-white">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<h2 class="text-center mb-4">Report a Mosquito Problem</h2>
<p class="lead text-center">
Submit a report to help reduce mosquito activity in your
neighborhood.
</p>
<p class="lead text-center">
Report Mosquitoes Online works with local mosquito control
agencies to receive public reports.
</p>
<p class="lead text-center">
For this area, mosquito control services are provided by
</p>
<h3 class="text-center">{{ district.name }}</h3>
<img class="district-logo" :src="district.url_logo" />
</div>
</div>
</div>
</section>
</template>
<template v-else>
<p>loading district...</p>
</template>
</template>
</Home>
</template>