design: 모두의 정원 헤더 빈 공간 제거, 글쓰기 버튼 box-shadow (#424)

* design: 필터가 없으면 태그 공간도 표시하지 않음 * design: 모두의 정원 글쓰기 버튼 box-shadow
woowacourse-teams · Oct 20, 2023 · 1f5fbe2 · 1f5fbe2
1 parent 40e5e7b
commit 1f5fbe2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/frontend/src/components/garden/GardenPostListHeader/index.tsx b/frontend/src/components/garden/GardenPostListHeader/index.tsx
@@ -30,16 +30,16 @@ const GardenPostListHeader = ({
         height="36px"
         fontSize="1.6rem"
       />
-      <FilterArea>
-        {selectedDictionaryPlant && (
+      {selectedDictionaryPlant && (
+        <FilterArea>
           <FilterTag>
             {selectedDictionaryPlant.name}
             <DeleteFilterButton type="button" onClick={onClickDelete} aria-label="필터 지우기">
               ✕
             </DeleteFilterButton>
           </FilterTag>
-        )}
-      </FilterArea>
+        </FilterArea>
+      )}
     </Wrapper>
   );
 };

diff --git a/frontend/src/pages/garden/GardenPostList/GardenPostList.style.ts b/frontend/src/pages/garden/GardenPostList/GardenPostList.style.ts
@@ -38,6 +38,7 @@ export const FixedButton = styled.button`
 
   background-color: ${(props) => props.theme.color.primary};
   border-radius: 28px;
+  box-shadow: 0 0 5px ${(props) => props.theme.color.grayDark};
 `;
 
 export const Sensor = styled.div`