fix: 이미지 다운로드 테스트용 페이지 모바일에서 안뜨는 현상 해결 #3123

	name: Storybook Deployment

	on:
	push:
	branches: [main]
	pull_request:
	paths-ignore:
	- '**.md'
	- '.github/*/!(.yml)'
	- '.husky/*/'
	- '.vscode/*/'

	jobs:
	chromatic-deploy:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout repository
	uses: actions/checkout@v2
	with:
	#if use checkout@v2, https://github.com/marketplace/actions/publish-to-chromatic#checkout-depth
	fetch-depth: 0

	- uses: actions/setup-node@v3
	with:
	node-version: 16
	cache: 'yarn'

	- name: Install Dependency
	run: yarn install --immutable

	- name: Set .env
	run: echo "${{ vars.DEVELOPMENT_ENV }}" > .env.local

	- name: Publish Chromatic
	id: publish_chromatic
	uses: chromaui/action@v1
	with:
	#👇 Chromatic projectToken, see https://storybook.js.org/tutorials/intro-to-storybook/react/en/deploy/ to obtain it
	projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

	- name: Find Comment
	if: github.event_name == 'pull_request'
	uses: peter-evans/find-comment@v2
	id: find_comment
	with:
	issue-number: ${{ github.event.pull_request.number }}
	comment-author: 'github-actions[bot]'
	body-includes: 스토리북으로 확인하기

	- name: Create or update comment
	if: github.event_name == 'pull_request'
	uses: peter-evans/create-or-update-comment@v2
	with:
	comment-id: ${{ steps.find_comment.outputs.comment-id }}
	issue-number: ${{ github.event.pull_request.number }}
	body: \|
	✨✨ 스토리북으로 확인하기 ✨✨

	- [Build](${{ steps.publish_chromatic.outputs.buildUrl }})
	- [Preview](${{ steps.publish_chromatic.outputs.storybookUrl }})
	edit-mode: replace

Provide feedback