From 3f8a755d25a544febe4182f9ea4cf4a7f420e949 Mon Sep 17 00:00:00 2001 From: anuveyatsu Date: Fri, 12 Jun 2020 17:56:16 +0600 Subject: [PATCH] [search][s]: improve layout/design in the search page. --- components/search/Input.tsx | 1 + components/search/Item.tsx | 4 ++-- components/search/Sort.tsx | 2 +- components/search/Total.tsx | 6 +++++- pages/search.tsx | 13 +++++++++++-- 5 files changed, 20 insertions(+), 6 deletions(-) diff --git a/components/search/Input.tsx b/components/search/Input.tsx index a2406e79..20812cd7 100644 --- a/components/search/Input.tsx +++ b/components/search/Input.tsx @@ -27,6 +27,7 @@ export default function Input({ query }) { onChange={handleChange} placeholder='Search' aria-label='Search' + className="bg-white focus:outline-none focus:shadow-outline border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal" /> ) diff --git a/components/search/Item.tsx b/components/search/Item.tsx index 4658621d..deb5b458 100644 --- a/components/search/Item.tsx +++ b/components/search/Item.tsx @@ -2,8 +2,8 @@ import Link from 'next/link' export default function Item({ datapackage }) { return ( -
-

+
+

{ datapackage.title || datapackage.name } diff --git a/components/search/Sort.tsx b/components/search/Sort.tsx index 578b6776..b32e9901 100644 --- a/components/search/Sort.tsx +++ b/components/search/Sort.tsx @@ -1,6 +1,6 @@ export default function Sort({ selected }) { return ( -
+
-
+ + ) }