fix: 폰트 하얀색으로 보이는 이슈 수정

NullFull · Apr 2, 2024 · 21809d7 · 21809d7
1 parent 4c633a0
commit 21809d7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 12 deletions.
diff --git a/src/components/Ask/FindByName.js b/src/components/Ask/FindByName.js
@@ -17,7 +17,7 @@ const FindByName = ({onSubmit}) => {
 
  return (
  <div className="wrapper">
- <input placeholder="이름으로 검색" value={q} onChange={e => setQ(e.target.value)} onKeyDown={handleKeyPress} />
+ <input className="name-search" placeholder="이름으로 검색" value={q} onChange={e => setQ(e.target.value)} onKeyDown={handleKeyPress} />
  <button disabled={q.length < 1} onClick={e => onSubmit && onSubmit(q)}>검색</button>
  </div>
  )

diff --git a/src/components/Ask/index.css b/src/components/Ask/index.css
@@ -1,4 +1,5 @@
 .ask {
+ --font-color: #BA44AE;
  font-size: medium;
  width: 100%;
  max-width: 600px;
@@ -38,11 +39,6 @@
 }
 
 .wrapperParty {
- div, div[class*="menu"] {
- border: none;
- color: #BA44AE !important;
- }
-
  input {
  caret-color: black;
  color: black;
@@ -51,12 +47,7 @@
 }
 
 .wrapper {
- div, div[class*="menu"] {
- border: none;
- color: #BA44AE !important;
- }
-
- input {
+ .name-search {
  border-radius: 4px;
  border: none;
  padding: 11px 14px;

diff --git a/src/components/Ask/tabstyle.css b/src/components/Ask/tabstyle.css
@@ -71,5 +71,7 @@
 }
 .react-tabs__tab-panel--selected {
  display: block;
+ color: var(--font-color);
+ border: none
 }