style: tone down the h2's and 3's

agrc · Jul 31, 2024 · bfb453b · bfb453b
1 parent 057f14c
commit bfb453b
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 9 deletions.
diff --git a/src/components/FieldLinker.jsx b/src/components/FieldLinker.jsx
@@ -22,7 +22,7 @@ const FieldLinker = () => {
  ))}
  </div>
 
- <h3>Assign Fields</h3>
+ <h3 className="text-zinc-700">Assign Fields</h3>
  <form className="grid-col-1 mx-auto grid max-w-md gap-3">
  <label htmlFor="street">Street Address Field</label>
  <select

diff --git a/src/components/SampleFieldData.jsx b/src/components/SampleFieldData.jsx
@@ -1,7 +1,7 @@
 export default function SampleFieldData({ sample, street, zone }) {
  return (
  <section className="flex flex-col">
- <h3>Sample Geocode Data</h3>
+ <h3 className="text-zinc-700">Sample Geocode Data</h3>
  <section className="flex w-min items-stretch justify-around divide-x-2 divide-gray-100 self-center rounded-lg border text-center shadow-lg">
  <Label label="Street address" value={sample[street]} />
  <Label label="Zone" value={sample[zone]} />

diff --git a/src/pages/ApiKey.jsx b/src/pages/ApiKey.jsx
@@ -57,7 +57,7 @@ export default function ApiKey() {
  };
 
  return (
- <article>
+ <article className="text-zinc-700">
  <p>
  Welcome to the{' '}
  <a href="https://gis.utah.gov/products/sgid/address/api-client/" target="_blank" rel="noreferrer">
@@ -70,7 +70,7 @@ export default function ApiKey() {
  . To get started you will need a complimentary account and an API key.
  </p>
  <h2 className="-rotate-3 text-center">
- <span className="block">Ready?</span>
+ <span className="block text-zinc-700">Ready?</span>
  <span className="block text-indigo-600">Let&apos;s go!</span>
  </h2>
  <ol className="mb-4 ml-10 list-decimal text-lg">

diff --git a/src/pages/Data.jsx b/src/pages/Data.jsx
@@ -169,7 +169,7 @@ export default function Data() {
  <Link type="back-button" to="/?skip-forward=1">
  &larr; Back
  </Link>
- <h2>Add your data</h2>
+ <h2 className="text-zinc-700">Add your data</h2>
  <AddressParts />
  {}
  {error && <InvalidCsv errorDetails={error} />}

diff --git a/src/pages/Geocoding.jsx b/src/pages/Geocoding.jsx
@@ -185,7 +185,7 @@ export default function Geocoding() {
  <Link type="back-button" to="/plan">
  &larr; Back
  </Link>
- <h2>Geocoding progress</h2>
+ <h2 className="text-zinc-700">Geocoding progress</h2>
  <div className="pb-6">{getElementsByStatus(stats.status)}</div>
  <progress className="h-16 w-full" value={progress}>
  {progress}%

diff --git a/src/pages/Plan.jsx b/src/pages/Plan.jsx
@@ -18,7 +18,7 @@ export default function Plan() {
  <Link type="back-button" to="/wkid">
  &larr; Back
  </Link>
- <h2>The plan</h2>
+ <h2 className="text-zinc-700">The plan</h2>
  <section className="mb-10 flex w-full items-stretch justify-around divide-x-2 divide-gray-100 rounded-lg border text-center shadow-lg">
  <div className="flex-1 p-6">
  <h2 className="my-0 text-indigo-600">{numberFormat.format(geocodeContext.data.totalRecords)}</h2>
@@ -29,7 +29,7 @@ export default function Plan() {
  <span className="block text-base text-gray-400">to complete</span>
  </div>
  </section>
- <h3 className="text-center truncate px-4">{geocodeContext.data.file.name}</h3>
+ <h3 className="text-center truncate px-4 text-zinc-700">{geocodeContext.data.file.name}</h3>
  <button onClick={start} type="button">
  Start
  </button>

diff --git a/src/pages/Wkid.jsx b/src/pages/Wkid.jsx
@@ -27,7 +27,7 @@ export default function Wkid() {
  <Link type="back-button" to="/data">
  &larr; Back
  </Link>
- <h2>Choose your spatial reference</h2>
+ <h2 className="text-zinc-700">Choose your spatial reference</h2>
  <p className="mb-2 text-base">
  The way the coordinates are returned from the API can vary based on the spatial reference. They can be returned
  as meters, feet, or decimal degrees. Below are the three most used spatial references. If you require something