From 621d83d4b86da7994575969767fc5df63580bfc6 Mon Sep 17 00:00:00 2001 From: Tekiter Date: Fri, 6 Oct 2023 00:37:28 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B8=B0=EC=88=98=20=ED=83=AD=20?= =?UTF-8?q?=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/makers/MakersMembers.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/makers/MakersMembers.tsx b/src/components/makers/MakersMembers.tsx index 91da9a131..daef2ec06 100644 --- a/src/components/makers/MakersMembers.tsx +++ b/src/components/makers/MakersMembers.tsx @@ -1,5 +1,6 @@ import styled from '@emotion/styled'; import * as Tabs from '@radix-ui/react-tabs'; +import { colors } from '@sopt-makers/colors'; import Link from 'next/link'; import { FC, Fragment, useMemo } from 'react'; @@ -8,7 +9,6 @@ import { MakersGeneration } from '@/components/makers/data/types'; import TeamBlock from '@/components/makers/TeamBlock'; import MemberBlock from '@/components/members/common/MemberBlock'; import { playgroundLink } from '@/constants/links'; -import { colors } from '@sopt-makers/colors'; import { MOBILE_MEDIA_QUERY } from '@/styles/mediaQuery'; import { textStyles } from '@/styles/typography'; @@ -104,6 +104,7 @@ const TabButton = styled.a` border: 2px solid transparent; cursor: pointer; padding: 12px 24px; + min-width: max-content; color: ${colors.gray60}; &[data-state='active'] { @@ -120,6 +121,7 @@ const TabButton = styled.a` const TabList = styled.div` display: flex; + overflow-x: auto; `; const TabBottomLine = styled.div`