fix: 연락처 검색화면 css수정 (#65)

YAPP-Github · Feb 22, 2024 · 24f7b87 · 24f7b87
1 parent d5b1ebb
commit 24f7b87
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/packages/lds/src/SearchInput/SearchInput.css.ts b/packages/lds/src/SearchInput/SearchInput.css.ts
@@ -20,6 +20,7 @@ export const searchInput = style({
   border: 'none',
   background: 'none',
   backgroundColor: 'transparent',
+  color: `${colors.gray500}`,
   outline: 'none',
   cursor: 'pointer',
   '::placeholder': {

diff --git a/services/web/src/app/contactSearch/component/ContactSearch/ContactSearch.css.ts b/services/web/src/app/contactSearch/component/ContactSearch/ContactSearch.css.ts
@@ -5,7 +5,7 @@ export const container = style({
   display: 'flex',
   flexDirection: 'column',
   width: '100%',
-  height: '100vw',
+  height: '100vh',
   paddingLeft: '2rem',
   paddingRight: '2rem',
   paddingTop: '2rem',
@@ -30,8 +30,8 @@ export const searchWrapper = style({
 });
 
 export const nullSearchItemWrapper = style({
-  width: '100%',
-  height: '100vh',
+  height: 'calc(100vh - 44px)',
+  overflowY: 'auto',
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',

diff --git a/services/web/src/app/my/contact/component/ContactDefault/ContactDefault.css.ts b/services/web/src/app/my/contact/component/ContactDefault/ContactDefault.css.ts
@@ -9,7 +9,7 @@ export const favoritesWrapper = style({
 export const favoritesTextWrapper = style({
   display: 'flex',
   flexDirection: 'row',
-  gap: '1px',
+  gap: '4px',
 });
 export const favoriteDropDown = style({
   cursor: 'pointer',

diff --git a/services/web/src/app/my/contact/component/ContactDefault/ContactDefault.tsx b/services/web/src/app/my/contact/component/ContactDefault/ContactDefault.tsx
@@ -38,9 +38,11 @@ export default function ContactDefault({ defaultContact, bookmarksContact }: Pro
             {bookmarksContact.length}
           </Txt>
         </div>
-        <button className={favoriteDropDown} onClick={onFavoriteClick}>
-          {isClickFavorites ? <Icon name="down" size={24} /> : <Icon name="up" size={24} />}
-        </button>
+        {bookmarksContact.length > 0 ? (
+          <button className={favoriteDropDown} onClick={onFavoriteClick}>
+            {isClickFavorites ? <Icon name="down" size={24} /> : <Icon name="up" size={24} />}
+          </button>
+        ) : null}
       </article>
       <article className={profileWrapper}>
         {isClickFavorites &&