From c1b8fe1221e3367f0632ce43f602e811c0fd0284 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 13 Jul 2022 21:32:32 +0000
Subject: [PATCH] feat: restyle search icon
---
assets/styles/base.scss | 19 +++++++++++++++----
1 files changed, 15 insertions(+), 4 deletions(-)
diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 776f32d..4426abb 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -24,7 +24,6 @@
opacity: 0.3;
transition: opacity 0.3s ease;
color: var(--secondary);
-
}
p, ul, text {
@@ -381,11 +380,24 @@
flex: 1 1 auto;
}
- & > svg {
+ #search-icon {
+ background-color: var(--lightgray);
+ border-radius: 4px;
+ height: 2em;
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+ & > p {
+ display: inline;
+ padding-left: 0.5em;
+ }
+ }
+
+ & svg {
cursor: pointer;
width: 18px;
min-width: 18px;
- margin: 0 1em;
+ margin: 0 0.5em;
&:hover .search-path {
stroke: var(--tertiary);
@@ -592,4 +604,3 @@
}
}
-
--
Gitblit v1.10.0