fix headers and code formatting

wiznaibus · May 7, 2022 · 883b0b2 · 883b0b2
1 parent 07691cc
commit 883b0b2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/components/Filter/FilterHeader.js b/components/Filter/FilterHeader.js
@@ -28,8 +28,10 @@ const FilterHeader = ({
 
                         <div className="flex flex-row flex-nowrap justify-between items-center">
                             <div className="flex flex-row flex-nowrap gap-x-1">
-                                <a className="cursor-pointer hover:underline" onClick={() => setFilterMenuVisibility(!filterMenuVisibility)}><h3 className="title text-2xl">
-                                    <Filter strokeWidth={2} size={16} /> Filters</h3>
+                                <a className="cursor-pointer hover:underline" onClick={() => setFilterMenuVisibility(!filterMenuVisibility)}>
+                                    <h3 className="title text-2xl">
+                                        <Filter strokeWidth={2} size={16} /> Filters
+                                    </h3>
                                 </a>
                                 <div className={`pt-1 ${
                                     (

diff --git a/components/Filter/FilterMenu.js b/components/Filter/FilterMenu.js
@@ -57,14 +57,18 @@ const FilterMenu = ({
                             key={`sort-${sortType.type}`}
                             className="cursor-pointer hover:underline"
                             onClick={() => sortOnChange(sortType)}>
-                                <h3 className="title text-2xl">{sortType.ascending ? <ChevronDown strokeWidth={2} size={16} /> : <ChevronUp strokeWidth={2} size={16} />} Sort</h3>
+                                <h3 className="title text-2xl">
+                                    {sortType.ascending ? <ChevronDown strokeWidth={2} size={16} /> : <ChevronUp strokeWidth={2} size={16} />} Sort
+                                </h3>
                             </a>
                     ))
                 }
             </div>
 
             <div className="flex flex-row flex-nowrap justify-start gap-x-1 items-center mt-1 mb-2 border-b border-gray-400 dark:border-gray-900">
-                <h3 className="title text-2xl"><FilterIcon strokeWidth={2} size={16} /> Filters</h3>
+                <h3 className="title text-2xl">
+                    <FilterIcon strokeWidth={2} size={16} /> Filters
+                </h3>
                 <div className={`${
                     (
                         !releaseTypeFilter.filter(releaseType => releaseType.filtered === true).length > 0

diff --git a/pages/about.js b/pages/about.js
@@ -32,7 +32,7 @@ function Home() {
                 <div className="container mx-auto flex flex-col-reverse lg:flex-row px-1 py-2 lg:px-3">
                     <div className="w-full lg:w-1/2 mb-6 lg:px-2">
                         <div className="mb-6">
-                            <h2 className="title text-black dark:text-white font-medium text-3xl mb-2">About</h2>
+                            <h1 className="title text-black dark:text-white font-medium text-3xl mb-2">About</h1>
                             <p>This website is a discography project for the K-pop group NCT. It was designed to quickly and conveniently show what albums and songs each member participated in with the ability to search and filter results.</p>
                         </div>
                         <div className="mb-6">