fix: css 수정

Duri-Salon · Dec 19, 2024 · 6b3ca3e · 6b3ca3e
1 parent 6a0f056
commit 6b3ca3e
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 60 deletions.
diff --git a/apps/duri/src/components/home/ShopVertical.tsx b/apps/duri/src/components/home/ShopVertical.tsx
@@ -58,63 +58,35 @@ export const ShopVertical = ({
                 gap={3}
                 margin="0 0 0 6px"
               >
-                {
-                  <Tag
-                    key="tag1"
-                    typo="Caption5"
-                    bg={theme.palette.Gray50}
-                    fontColor={theme.palette.Gray500}
-                    width="fit-content"
-                    height="19px"
-                    borderRadius="2px"
-                  >
-                    {shop.shopTag1}
-                  </Tag>
-                }
-                <Tag
-                  key="tag2"
-                  typo="Caption5"
-                  bg={theme.palette.Gray50}
-                  fontColor={theme.palette.Gray500}
-                  width="fit-content"
-                  height="19px"
-                  borderRadius="2px"
-                >
-                  {shop.shopTag2}
-                </Tag>
+                <TagWrapper direction="column" align="flex-start" gap={3}>
+                  {shop.shopTag1 && (
+                    <Tag
+                      key="tag1"
+                      typo="Caption5"
+                      bg={theme.palette.Gray50}
+                      fontColor={theme.palette.Gray500}
+                      width="fit-content"
+                      height="19px"
+                      borderRadius="2px"
+                    >
+                      {shop.shopTag1}
+                    </Tag>
+                  )}
+                  {shop.shopTag2 && (
+                    <Tag
+                      key="tag2"
+                      typo="Caption5"
+                      bg={theme.palette.Gray50}
+                      fontColor={theme.palette.Gray500}
+                      width="fit-content"
+                      height="19px"
+                      borderRadius="2px"
+                    >
+                      {shop.shopTag2}
+                    </Tag>
+                  )}
+                </TagWrapper>
               </HeightFitFlex>
-                <Text typo="Caption4" colorCode={theme.palette.Gray500}>
-                  {shop.address}
-                </Text>
-
-              <TagWrapper direction="column" align="flex-start" gap={3}>
-                {shop.shopTag1 && (
-                  <Tag
-                    key="tag1"
-                    typo="Caption5"
-                    bg={theme.palette.Gray50}
-                    fontColor={theme.palette.Gray500}
-                    width="fit-content"
-                    height="19px"
-                    borderRadius="2px"
-                  >
-                    {shop.shopTag1}
-                  </Tag>
-                )}
-                {shop.shopTag2 && (
-                  <Tag
-                    key="tag2"
-                    typo="Caption5"
-                    bg={theme.palette.Gray50}
-                    fontColor={theme.palette.Gray500}
-                    width="fit-content"
-                    height="19px"
-                    borderRadius="2px"
-                  >
-                    {shop.shopTag2}
-                  </Tag>
-                )}
-              </TagWrapper>
             </HeightFitFlex>
           </Wrapper>
         ))}
@@ -138,4 +110,4 @@ const FitFlex = styled(HeightFitFlex)`
 
 const TagWrapper = styled(HeightFitFlex)`
   min-height: 45px;
-`;
+`;
diff --git a/packages/ui/src/styles/GlobalStyles.ts b/packages/ui/src/styles/GlobalStyles.ts
@@ -58,7 +58,4 @@ export const globalStyle = css`
     border: none !important;
     width: 100%;
   }
-  .css-1f7sphi {
-    z-index: -1 !important;
-  }
 `;