diff --git a/src/pages/gallery/components/galleryTemplate/threed/index.tsx b/src/pages/gallery/components/galleryTemplate/threed/index.tsx index af8f5f2..8b7555e 100644 --- a/src/pages/gallery/components/galleryTemplate/threed/index.tsx +++ b/src/pages/gallery/components/galleryTemplate/threed/index.tsx @@ -71,6 +71,11 @@ const GalleryThreed = ({ galleryData }: GalleryDataProps) => { onHandleChange('previous')}> +

+ 클릭 : 해당 작품으로 이동 +
+ 더블 클릭 : 해당 작품에 대한 설명창 +

onHandleChange('next')}>
diff --git a/src/pages/gallery/components/galleryTemplate/threed/styles.ts b/src/pages/gallery/components/galleryTemplate/threed/styles.ts index 41902f6..097d9bc 100644 --- a/src/pages/gallery/components/galleryTemplate/threed/styles.ts +++ b/src/pages/gallery/components/galleryTemplate/threed/styles.ts @@ -1,3 +1,4 @@ +import { colors } from "@/styles/colorPalette"; import styled from "@emotion/styled"; export const Container = styled.div` @@ -19,6 +20,11 @@ export const BtnBlock = styled.div` padding : 0 300px; transform: translateX(-50%); + p { + text-align: center; + color: ${colors.gray100}; + } + @media (max-width : 1024px) { width : 90vw; padding : 0 50px; diff --git a/src/pages/post/components/stepThree/index.tsx b/src/pages/post/components/stepThree/index.tsx index 3431fda..acafd36 100644 --- a/src/pages/post/components/stepThree/index.tsx +++ b/src/pages/post/components/stepThree/index.tsx @@ -67,7 +67,7 @@ const StepTree = () => { - 템플릿을 선택하세요. + 템플릿을 선택하세요.
모바일 환경에서는 공통으로 모바일 템플릿이 적용됩니다.
diff --git a/src/pages/post/components/stepThree/styles.ts b/src/pages/post/components/stepThree/styles.ts index 04c0173..fbc397a 100644 --- a/src/pages/post/components/stepThree/styles.ts +++ b/src/pages/post/components/stepThree/styles.ts @@ -5,6 +5,7 @@ import { Text } from '@/components'; import { containerQuery } from '@/styles/breakpoints'; import { Breakpoints } from '../../styles'; import { LayoutMap } from '@/styles/layout'; +import { typographyMap } from '@/styles/typography'; export const Container = styled.div` position: relative; @@ -36,6 +37,14 @@ export const Step = styled.div` top: 60px; right: 2px; + .explain { + text-align: center; + span { + ${typographyMap.t6}; + color: ${colors.gray400}; + } + } + ${containerQuery({ containerName: 'post', styles: `