@@ -334,24 +334,10 @@ export const ApplicationPreview = () => {
334334 </ Text >
335335 </ ApplicationLoadingContainer >
336336 ) : (
337- < Flex width = "100%" height = "fit-content" isColumn = { true } gap = { 24 } >
338- < NoticeBox >
339- < NoticeIconWrapper >
340- < svg width = "24" height = "24" viewBox = "0 0 24 24" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
341- < path d = "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke = "#FF7A00" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" />
342- < path d = "M12 16V12" stroke = "#FF7A00" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" />
343- < path d = "M12 8H12.01" stroke = "#FF7A00" strokeWidth = "2" strokeLinecap = "round" strokeLinejoin = "round" />
344- </ svg >
345- </ NoticeIconWrapper >
346- < Flex isColumn = { true } gap = { 4 } >
347- < Text fontSize = { 18 } fontWeight = { 600 } color = { colors . gray [ 500 ] } >
348- 최종 제출 전 미리보기
349- </ Text >
350- < Text fontSize = { 16 } fontWeight = { 400 } color = { colors . gray [ 400 ] } >
351- PDF를 확인하고 문제가 없는지 검토해주세요
352- </ Text >
353- </ Flex >
354- </ NoticeBox >
337+ < Flex width = "100%" height = "fit-content" isColumn = { true } >
338+ < NoticeText >
339+ 최종 제출 전 미리보기 PDF를 확인하고 문제가 없는지 확인하세요
340+ </ NoticeText >
355341 < ApplicationContainer >
356342 { pdfUrl ? (
357343 < PdfViewport >
@@ -428,25 +414,9 @@ const ApplicationLoadingContainer = styled(Skeleton)`
428414 align-items: center;
429415` ;
430416
431- const NoticeBox = styled . div `
432- width: 100%;
433- display: flex;
434- align-items: center;
435- gap: 16px;
436- padding: 20px 24px;
437- background: linear-gradient(90deg, ${ colors . orange [ 50 ] } 0%, ${ colors . extra . realWhite } 100%);
438- border-left: 4px solid ${ colors . orange [ 800 ] } ;
439- border-radius: 12px;
440- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
441- ` ;
442-
443- const NoticeIconWrapper = styled . div `
444- display: flex;
445- align-items: center;
446- justify-content: center;
447- width: 48px;
448- height: 48px;
449- background-color: ${ colors . extra . realWhite } ;
450- border-radius: 50%;
451- box-shadow: 0 2px 6px rgba(255, 122, 0, 0.15);
417+ const NoticeText = styled . div `
418+ font-size: 16px;
419+ font-weight: 500;
420+ color: ${ colors . gray [ 500 ] } ;
421+ padding: 16px 140px;
452422` ;
0 commit comments