From 637a09beb5001f6f5c66a71a310c84704ce17175 Mon Sep 17 00:00:00 2001 From: kami Date: Sat, 10 Aug 2024 02:22:50 +0000 Subject: [PATCH] Add style.css --- style.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..18236ae --- /dev/null +++ b/style.css @@ -0,0 +1,39 @@ +/* CSS for search bar styling */ + .search-result-item { + display: flex; + padding: 10px; + border-bottom: 1px solid #ddd; + } + .search-result-image { + width: 60px; + height: 60px; + object-fit: cover; + margin-right: 10px; + } + .search-result-info { + flex: 1; + } + .search-result-meta { + display: flex; + justify-content: space-between; + font-size: 0.9em; + color: #555; + } + #search-bar.active { + display: block; + } + #search-bar { + margin-top: 10px; + } + .search-results { + max-height: 300px; + overflow-y: auto; + margin-top: 10px; + } + .header__icon--search { + cursor: pointer; + padding: 10px; + border: 1px solid #ccc; + display: inline-block; + margin-top: 20px; + } \ No newline at end of file