From 7f5166b111c3c92cf0d22d582cb23631a2f1f9d4 Mon Sep 17 00:00:00 2001 From: Achmad Date: Wed, 25 Jul 2018 16:43:46 +0700 Subject: [PATCH] add tag name --- src/SearchPage.js | 87 +++++++++++++++++++++++++++++++++++++++++++++++ src/search.css | 25 ++++++++++++++ 2 files changed, 112 insertions(+) create mode 100644 src/search.css diff --git a/src/SearchPage.js b/src/SearchPage.js index 12f21ea..bdcdf08 100644 --- a/src/SearchPage.js +++ b/src/SearchPage.js @@ -1,6 +1,7 @@ import React, { Component } from 'react'; import { Link } from 'react-router-dom' import { search } from './BooksAPI' +import './search.css' class SearchPage extends Component { @@ -74,6 +75,92 @@ class SearchPage extends Component { } +
+ +
) } diff --git a/src/search.css b/src/search.css new file mode 100644 index 0000000..f4e557e --- /dev/null +++ b/src/search.css @@ -0,0 +1,25 @@ +.tags > ul { + list-style: none; +} + +.tags > ul > li { + display: inline-block; + padding: 8px 5px; +} + +.tags > ul > li > span { + border-radius: 25px; + padding: 5px 17px; + background: #f2f2f2; + font-size: 12px; + color: #8e8e8e; +} + +.tags > ul > li > span:hover { + border-radius: 25px; + padding: 5px 17px; + background: #ececec; + font-size: 12px; + color: #8e8e8e; +} +