세금계산서 다운로드 및 일부 UI 변경
This commit is contained in:
focp212@naver.com
@@ -100,17 +100,479 @@ export const TaxInvoiceSample = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<motion.div
|
<div className="tax-invoice">
|
||||||
className="bottomsheet mail-page"
|
|
||||||
initial="hidden"
|
|
||||||
animate={ (taxInvoiceSampleOn)? 'hidden': 'hidden' }
|
|
||||||
variants={ FilterMotionVariants }
|
|
||||||
transition={ FilterMotionDuration }
|
|
||||||
>
|
|
||||||
<div id="image-section">
|
<div id="image-section">
|
||||||
|
<center className="wrap-center">
|
||||||
|
<table
|
||||||
|
className="outer-table"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
className="outer-table-td"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<table
|
||||||
|
className="inner-table"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table-td1">
|
||||||
|
<img
|
||||||
|
className="nicepay-logo"
|
||||||
|
src={ IMAGE_ROOT + '/mail_nicepay_logo.svg' }
|
||||||
|
alt="NICEPAY"
|
||||||
|
style={{ paddingLeft: '20px' }}
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style={{ padding: 0 }}>
|
||||||
|
<table
|
||||||
|
className="inner-table3"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table3-td1">
|
||||||
|
<table
|
||||||
|
className="inner-table4"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table4-td1">세금계산서</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table4-td2">
|
||||||
|
<table
|
||||||
|
className="inner-table5"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table5-td1">세금계산서</td>
|
||||||
|
<td className="inner-table5-td2">
|
||||||
|
<table
|
||||||
|
className="inner-table6"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td1">승인번호</td>
|
||||||
|
<td className="inner-table6-td2"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td3">관리번호</td>
|
||||||
|
<td className="inner-table6-td4"> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table4-td2">
|
||||||
|
<table
|
||||||
|
className="inner-table7"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table7-td1">
|
||||||
|
<table
|
||||||
|
className="inner-table6"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td5">
|
||||||
|
공<br />급<br />자
|
||||||
|
</td>
|
||||||
|
<td className="inner-table6-td6">
|
||||||
|
<table
|
||||||
|
className="inner-table6"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7">등록번호</td>
|
||||||
|
<td
|
||||||
|
className="inner-table6-td8"
|
||||||
|
colSpan={ 3 }
|
||||||
|
>815-81-00527</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7">상호(법인명)</td>
|
||||||
|
<td className="inner-table6-td9">나이스페이 주식회사</td>
|
||||||
|
<td className="inner-table6-td10">성명</td>
|
||||||
|
<td className="inner-table6-td8">김광철</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7">사업장 주소</td>
|
||||||
|
<td
|
||||||
|
className="inner-table6-td8"
|
||||||
|
colSpan={ 3 }
|
||||||
|
>서울특별시 영등포구 문래동 28길 25 (문래동 3가)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7-1">업태</td>
|
||||||
|
<td className="inner-table6-td9-1">서비스업</td>
|
||||||
|
<td className="inner-table6-td10-1">종목</td>
|
||||||
|
<td className="inner-table6-td8-1">전자상거거래업</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td className="inner-table7-td2">
|
||||||
|
<table
|
||||||
|
className="inner-table6"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td11">
|
||||||
|
공<br />급<br />받<br />는<br />자
|
||||||
|
</td>
|
||||||
|
<td className="inner-table6-td12">
|
||||||
|
<table
|
||||||
|
className="inner-table6"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7">등록번호</td>
|
||||||
|
<td
|
||||||
|
className="inner-table6-td8"
|
||||||
|
colSpan={ 3 }
|
||||||
|
> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7">상호(법인명)</td>
|
||||||
|
<td className="inner-table6-td9">나이스페이 주식회사</td>
|
||||||
|
<td className="inner-table6-td10">성명</td>
|
||||||
|
<td className="inner-table6-td8">홍길동</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7">사업장 주소</td>
|
||||||
|
<td
|
||||||
|
className="inner-table6-td8"
|
||||||
|
colSpan={ 3 }
|
||||||
|
>서울특별시 영등포구 문래동 28길 25 (문래동 3가)</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td7-1">업태</td>
|
||||||
|
<td className="inner-table6-td9-1"></td>
|
||||||
|
<td className="inner-table6-td10-1">종목</td>
|
||||||
|
<td className="inner-table6-td8-1"></td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table4-td2">
|
||||||
|
<table
|
||||||
|
className="inner-table8"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table8-td1">
|
||||||
|
<table
|
||||||
|
className="inner-table9"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table9-td1">작성</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style={{ padding: 0 }}>
|
||||||
|
<table
|
||||||
|
className="inner-table9"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table9-td2">년</td>
|
||||||
|
<td className="inner-table9-td2">월</td>
|
||||||
|
<td className="inner-table9-td2">일</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table9-td2-1">2025</td>
|
||||||
|
<td className="inner-table9-td2-1">08</td>
|
||||||
|
<td className="inner-table9-td2-1">05</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td className="inner-table9-td3">
|
||||||
|
<table
|
||||||
|
className="inner-table10"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table9-td1">공급가액</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style={{ padding: 0 }}>
|
||||||
|
<table
|
||||||
|
className="inner-table10"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table10-td1">백</td>
|
||||||
|
<td className="inner-table10-td1">십</td>
|
||||||
|
<td className="inner-table10-td1">억</td>
|
||||||
|
<td className="inner-table10-td1">천</td>
|
||||||
|
<td className="inner-table10-td1">백</td>
|
||||||
|
<td className="inner-table10-td1">십</td>
|
||||||
|
<td className="inner-table10-td1">만</td>
|
||||||
|
<td className="inner-table10-td1">천</td>
|
||||||
|
<td className="inner-table10-td1">백</td>
|
||||||
|
<td className="inner-table10-td1">십</td>
|
||||||
|
<td className="inner-table10-td1">일</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table10-td2">2</td>
|
||||||
|
<td className="inner-table10-td2">3</td>
|
||||||
|
<td className="inner-table10-td2">4</td>
|
||||||
|
<td className="inner-table10-td2">5</td>
|
||||||
|
<td className="inner-table10-td2">6</td>
|
||||||
|
<td className="inner-table10-td2">7</td>
|
||||||
|
<td className="inner-table10-td2">8</td>
|
||||||
|
<td className="inner-table10-td2">4</td>
|
||||||
|
<td className="inner-table10-td2">5</td>
|
||||||
|
<td className="inner-table10-td2">5</td>
|
||||||
|
<td className="inner-table10-td2">4</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td className="inner-table9-td3">
|
||||||
|
<table
|
||||||
|
className="inner-table10"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table9-td1">세액</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td style={{ padding:0 }}>
|
||||||
|
<table
|
||||||
|
className="inner-table10"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table10-td1">십</td>
|
||||||
|
<td className="inner-table10-td1">억</td>
|
||||||
|
<td className="inner-table10-td1">천</td>
|
||||||
|
<td className="inner-table10-td1">백</td>
|
||||||
|
<td className="inner-table10-td1">십</td>
|
||||||
|
<td className="inner-table10-td1">만</td>
|
||||||
|
<td className="inner-table10-td1">천</td>
|
||||||
|
<td className="inner-table10-td1">백</td>
|
||||||
|
<td className="inner-table10-td1">십</td>
|
||||||
|
<td className="inner-table10-td1">일</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table10-td2">4</td>
|
||||||
|
<td className="inner-table10-td2">5</td>
|
||||||
|
<td className="inner-table10-td2">6</td>
|
||||||
|
<td className="inner-table10-td2">9</td>
|
||||||
|
<td className="inner-table10-td2">3</td>
|
||||||
|
<td className="inner-table10-td2">3</td>
|
||||||
|
<td className="inner-table10-td2">2</td>
|
||||||
|
<td className="inner-table10-td2">6</td>
|
||||||
|
<td className="inner-table10-td2">7</td>
|
||||||
|
<td className="inner-table10-td2">4</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td className="inner-table9-td4">
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
className="inner-table11"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table11-td1">수정사유</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table11-td2"> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table4-td2">
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
className="inner-table12"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table12-td1">
|
||||||
|
<table className="inner-table13">
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table13-td1">비고</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table13-td1">월/일</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table13-td2">08/05</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table13-td2">08/05</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table13-td3">08/05</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td className="inner-table12-td2">
|
||||||
|
<table
|
||||||
|
role="presentation"
|
||||||
|
className="inner-table6"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
colSpan={ 7 }
|
||||||
|
className="inner-table11-td1"
|
||||||
|
>chamjo392m</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table9-td1">품목</td>
|
||||||
|
<td className="inner-table9-td1">규격</td>
|
||||||
|
<td className="inner-table9-td1">수량</td>
|
||||||
|
<td className="inner-table9-td1">단가</td>
|
||||||
|
<td className="inner-table9-td1">공급가액</td>
|
||||||
|
<td className="inner-table9-td1">세액</td>
|
||||||
|
<td className="inner-table11-td1">비고</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td9">pg수수료</td>
|
||||||
|
<td className="inner-table6-td9"> </td>
|
||||||
|
<td className="inner-table6-td13">4</td>
|
||||||
|
<td className="inner-table6-td14">1,243</td>
|
||||||
|
<td className="inner-table6-td14">1,242</td>
|
||||||
|
<td className="inner-table6-td14">745</td>
|
||||||
|
<td className="inner-table6-td15"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td9"> </td>
|
||||||
|
<td className="inner-table6-td9"> </td>
|
||||||
|
<td className="inner-table6-td13"> </td>
|
||||||
|
<td className="inner-table6-td14"> </td>
|
||||||
|
<td className="inner-table6-td14"> </td>
|
||||||
|
<td className="inner-table6-td14"> </td>
|
||||||
|
<td className="inner-table6-td15"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table6-td9-1"> </td>
|
||||||
|
<td className="inner-table6-td9-1"> </td>
|
||||||
|
<td className="inner-table6-td13-1"> </td>
|
||||||
|
<td className="inner-table6-td14-1"> </td>
|
||||||
|
<td className="inner-table6-td14-1"> </td>
|
||||||
|
<td className="inner-table6-td14-1"> </td>
|
||||||
|
<td className="inner-table6-td15-1"> </td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="table_wrap">
|
||||||
|
<table
|
||||||
|
className="inner-table6"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table4-td2">
|
||||||
|
<table
|
||||||
|
className="inner-table15"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table15-td1">
|
||||||
|
<table
|
||||||
|
className="inner-table6"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table15-td2">합계금액</td>
|
||||||
|
<td className="inner-table15-td2">현금</td>
|
||||||
|
<td className="inner-table15-td2">수표</td>
|
||||||
|
<td className="inner-table15-td2">어음</td>
|
||||||
|
<td className="inner-table15-td4">외상미수금</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table15-td3">25,500</td>
|
||||||
|
<td className="inner-table15-td3">1,243</td>
|
||||||
|
<td className="inner-table15-td3">1,243</td>
|
||||||
|
<td className="inner-table15-td3">1,243</td>
|
||||||
|
<td className="inner-table15-td5">1,243</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
<td className="inner-table15-td6">
|
||||||
|
<span className="inner-table15-td7">이금액을 청구함</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td className="inner-table4-td4">
|
||||||
|
<table
|
||||||
|
className="inner-table14"
|
||||||
|
role="presentation"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<td
|
||||||
|
className="inner-table4-td2"
|
||||||
|
style={{ verticalAlign: 'middle'}}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
className="nicepay-gray-logo"
|
||||||
|
src={ IMAGE_ROOT + '/mail_nicepay_logo_gray.svg' }
|
||||||
|
alt="NICEPAY"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
<td className="tax-invoice-footer">
|
||||||
|
사업자 등록번호 : 815-81-00527 | 결제대금예치업 등록번호 : 02-006-00041
|
||||||
|
<br />
|
||||||
|
우편번호 : 03456 | 주소 : 서울특별시 영등포구 문래로28길 25 (문래동3가)
|
||||||
|
<br />
|
||||||
|
세미콜론문래 N타워 9층 나이스페이먼츠(주) | www.nicepay.co.kr
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
</div>
|
</div>
|
||||||
</motion.div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -1,4 +1,35 @@
|
|||||||
import packageInfo from '../../../package.json';
|
import packageInfo from '../../../package.json';
|
||||||
|
|
||||||
export const IMAGE_ROOT = '/images';
|
export const IMAGE_ROOT = '/images';
|
||||||
export const RELEASE_VERSION = packageInfo.version;
|
export const RELEASE_VERSION = packageInfo.version;
|
||||||
|
|
||||||
|
export const ListScrollOn = (on: boolean) => {
|
||||||
|
let body = document.querySelector('body');
|
||||||
|
if(body){
|
||||||
|
if(!!on){
|
||||||
|
body.style.overflowY = 'hidden';
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
body.style.overflowY = 'auto';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const GetListHeight = () => {
|
||||||
|
let innerHeight = window.innerHeight;
|
||||||
|
let headerHeight = 50;
|
||||||
|
|
||||||
|
let summarySection: HTMLDivElement | null = document.querySelector('.summary-section');
|
||||||
|
let summarySectionHeight: number = (!!summarySection)? summarySection.offsetHeight: 0;
|
||||||
|
|
||||||
|
let filterSection: HTMLDivElement | null = document.querySelector('.filter-section');
|
||||||
|
let filterSectionHeight: number = (!!filterSection)? filterSection.offsetHeight: 0;
|
||||||
|
|
||||||
|
return {
|
||||||
|
innerHeight: innerHeight,
|
||||||
|
headerHeight: headerHeight,
|
||||||
|
summarySectionHeight: summarySectionHeight,
|
||||||
|
filterSectionHeight: filterSectionHeight,
|
||||||
|
listHeight: innerHeight - headerHeight - summarySectionHeight - filterSectionHeight
|
||||||
|
}
|
||||||
|
};
|
||||||
@@ -6,6 +6,14 @@ import { createUserInfoStore, UserInfoState } from '@/entities/user/model/store'
|
|||||||
import { createBannerInfoStore, BannerInfoState, createCommonStore, CommonState } from '@/entities/common/model/store';
|
import { createBannerInfoStore, BannerInfoState, createCommonStore, CommonState } from '@/entities/common/model/store';
|
||||||
import { StorageKeys } from '@/shared/constants/local-storage';
|
import { StorageKeys } from '@/shared/constants/local-storage';
|
||||||
|
|
||||||
|
export interface GroupDateOnStore {
|
||||||
|
groupDateOn: boolean;
|
||||||
|
setGroupDateOn: (groupDateOn: boolean) => void;
|
||||||
|
};
|
||||||
|
export interface GroupDateStore {
|
||||||
|
groupDate: string;
|
||||||
|
setGroupDate: (groupDate: string) => void;
|
||||||
|
};
|
||||||
export interface MenuOnStore {
|
export interface MenuOnStore {
|
||||||
menuOn: boolean;
|
menuOn: boolean;
|
||||||
setMenuOn: (menuOn: boolean) => void;
|
setMenuOn: (menuOn: boolean) => void;
|
||||||
@@ -21,6 +29,24 @@ export interface MenuIdsStore {
|
|||||||
deleteMenuId: (menuId: number) => void;
|
deleteMenuId: (menuId: number) => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const useGroupDateOnStore = create<GroupDateOnStore>((set) => ({
|
||||||
|
groupDateOn: false,
|
||||||
|
setGroupDateOn: (groupDateOn: boolean) => {
|
||||||
|
set((state: { groupDateOn: boolean}) => ({
|
||||||
|
groupDateOn: (state.groupDateOn = groupDateOn)
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
|
export const useGroupDateStore = create<GroupDateStore>((set) => ({
|
||||||
|
groupDate: '',
|
||||||
|
setGroupDate: (groupDate: string) => {
|
||||||
|
set((state: { groupDate: string}) => ({
|
||||||
|
groupDate: (state.groupDate = groupDate)
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
}));
|
||||||
|
|
||||||
export const useMenuOnStore = create<MenuOnStore>((set) => ({
|
export const useMenuOnStore = create<MenuOnStore>((set) => ({
|
||||||
menuOn: false,
|
menuOn: false,
|
||||||
setMenuOn: (menuOn: boolean) => {
|
setMenuOn: (menuOn: boolean) => {
|
||||||
|
|||||||
@@ -1,3 +1,15 @@
|
|||||||
|
html, body, #root, .wrapper {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrolloff {
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.transaction-list {
|
||||||
|
/* overflow-y: auto; */
|
||||||
|
}
|
||||||
main {
|
main {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
@@ -24,7 +36,7 @@ main {
|
|||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
.tab-content{
|
.tab-content{
|
||||||
overflow-y: unset;
|
/*overflow-y: unset;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.ic20.rot-180{
|
.ic20.rot-180{
|
||||||
@@ -49,7 +61,7 @@ header{
|
|||||||
padding-top: calc(env(safe-area-inset-top));
|
padding-top: calc(env(safe-area-inset-top));
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
padding-top: calc(50px + env(safe-area-inset-top)) !important;
|
padding-top: calc(env(safe-area-inset-top)) !important;
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
}
|
}
|
||||||
main.home-main{
|
main.home-main{
|
||||||
@@ -526,4 +538,13 @@ main.pop{
|
|||||||
|
|
||||||
.credit-controls .credit-period {
|
.credit-controls .credit-period {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll-group-date {
|
||||||
|
position: fixed;
|
||||||
|
background-color: #ffffff;
|
||||||
|
width: calc(100% - 42px);
|
||||||
|
top: 50px;
|
||||||
|
padding-left: 10px;
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -62,3 +62,626 @@
|
|||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tax-invoice {
|
||||||
|
margin: 0; background: #FAFAFA;
|
||||||
|
min-height: unset;
|
||||||
|
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 1010;
|
||||||
|
display: unset;
|
||||||
|
padding-bottom: 0;
|
||||||
|
transform: translateX(100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tax-invoice .wrap-center {
|
||||||
|
width: 100%; background: #FAFAFA; margin: 0; padding: 0;
|
||||||
|
}
|
||||||
|
.tax-invoice .outer-table {
|
||||||
|
margin: 0; padding: 0; background: #FAFAFA;
|
||||||
|
border: 0; width: 100%; border-spacing: 0;
|
||||||
|
}
|
||||||
|
.tax-invoice .outer-table .outer-table-td {
|
||||||
|
margin: 0; padding: 0;
|
||||||
|
}
|
||||||
|
.tax-invoice .outer-table .outer-table-td .inner-table{
|
||||||
|
width: 660px; max-width: 660px; margin:0 auto; border-spacing: 0;
|
||||||
|
overflow-x: visible;
|
||||||
|
}
|
||||||
|
.inner-table .inner-table-td1{
|
||||||
|
padding: 20px 0 20px 0;
|
||||||
|
}
|
||||||
|
.inner-table .inner-table-td1 .nicepay-logo{
|
||||||
|
display: block; border: 0; outline: none; text-decoration: none;
|
||||||
|
}
|
||||||
|
.inner-table .inner-table-td2{
|
||||||
|
padding: 0 0 40px 0;
|
||||||
|
}
|
||||||
|
.inner-table2{
|
||||||
|
width: 100%; border-spacing: 0; padding: 0; border: 0;
|
||||||
|
}
|
||||||
|
.inner-table2 .title-image {
|
||||||
|
display: block; margin: 0 auto; border: 0;
|
||||||
|
outline: none; text-decoration: none;
|
||||||
|
width: 48px; height: 48px;
|
||||||
|
}
|
||||||
|
.inner-table2-td {
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: #111111;
|
||||||
|
line-height: 1.25;
|
||||||
|
padding: 10px 0 25px 0;
|
||||||
|
}
|
||||||
|
.inner-table2-td2 {
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #666666;
|
||||||
|
text-align: left;
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner-table3 {
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 1px 2px 10px 0 rgba(0,0,0,0.10);
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner-table3-td1 {
|
||||||
|
padding: 20px 20px 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner-table4 {
|
||||||
|
width: 100%;
|
||||||
|
border: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.inner-table4-td1 {
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #1C1C1C;
|
||||||
|
font-weight: 700;
|
||||||
|
padding:0 0 10px 0;
|
||||||
|
}
|
||||||
|
.inner-table4-td2 {
|
||||||
|
padding: 0 20px 0 20px;
|
||||||
|
}
|
||||||
|
.inner-table4-td3 {
|
||||||
|
padding: 30px 20px 0 20px;
|
||||||
|
}
|
||||||
|
.inner-table4-td4{
|
||||||
|
padding: 20px 0 20px 0;
|
||||||
|
}
|
||||||
|
.inner-table4-td5{
|
||||||
|
padding: 0 70px 0 0;
|
||||||
|
}
|
||||||
|
.inner-table5 {
|
||||||
|
border-top: 2px solid #000;
|
||||||
|
border-left: 2px solid #000;
|
||||||
|
border-right: 2px solid #000;
|
||||||
|
border-bottom: 1px solid #000000;
|
||||||
|
border-collapse: collapse;
|
||||||
|
padding: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.inner-table5-td1 {
|
||||||
|
width: 310px;
|
||||||
|
border-right: 1px solid #000000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.inner-table5-td2 {
|
||||||
|
width:310px;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.inner-table6 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
.inner-table6-td1 {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
width: 37px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000000;
|
||||||
|
border-right: 1px solid #000000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color:#666666;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
.inner-table6-td2 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table6-td3 {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
width: 37px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table6-td4 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table6-td5 {
|
||||||
|
border-left: 1px solid #000;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
width: 20px;
|
||||||
|
padding: 0;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.inner-table6-td6 {
|
||||||
|
width: 280px;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.inner-table6-td7 {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
width: 56px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color:#666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table6-td7-1 {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
width: 56px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color:#666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table6-td8 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table6-td8-1 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table6-td9 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table6-td9-1 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table6-td10 {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
width:38px;
|
||||||
|
padding:2px 5px;
|
||||||
|
border-right:1px solid #000;
|
||||||
|
border-bottom:1px solid #000;
|
||||||
|
font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table6-td10-1 {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
width:38px;
|
||||||
|
padding:2px 5px;
|
||||||
|
border-right:1px solid #000;
|
||||||
|
font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table6-td11 {
|
||||||
|
width: 20px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding:0;
|
||||||
|
border-left: 1px solid #000;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align:middle;
|
||||||
|
}
|
||||||
|
.inner-table6-td12 {
|
||||||
|
width: 280px;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
}
|
||||||
|
.inner-table6-td13 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table6-td13-1 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table6-td14 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.inner-table6-td14-1 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.inner-table6-td15 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family:' Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table6-td15-1 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-family:' Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table7 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-top: 0.5px solid #000;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
.inner-table7-td1 {
|
||||||
|
width: 310px;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
border-left: 0.5px solid #000;
|
||||||
|
border-right: 0.5px solid #000;
|
||||||
|
}
|
||||||
|
.inner-table7-td2 {
|
||||||
|
width: 310px;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
border-right: 0.5px solid #000;
|
||||||
|
}
|
||||||
|
.inner-table8 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
border-left: 2px solid #000;
|
||||||
|
border-right: 2px solid #000;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
.inner-table8-td1 {
|
||||||
|
width: 90px;
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.inner-table9 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 90px;
|
||||||
|
}
|
||||||
|
.inner-table9-td1 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color:#666666;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
.inner-table9-td2 {
|
||||||
|
width: 30px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table9-td2-1 {
|
||||||
|
width: 30px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table9-td3 {
|
||||||
|
width: 214px;
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 0 0 0 0;
|
||||||
|
}
|
||||||
|
.inner-table9-td4 {
|
||||||
|
width: 102px;
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 0 0 0 0;
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
.inner-table10 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 214px;
|
||||||
|
}
|
||||||
|
.inner-table10-td1 {
|
||||||
|
width: 19px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table10-td2 {
|
||||||
|
width: 19px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table11 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 102px;
|
||||||
|
}
|
||||||
|
.inner-table11-td1 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table11-td2 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
border-left: 0;
|
||||||
|
font-family:'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.inner-table12 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-left: 2px solid #000;
|
||||||
|
border-right: 2px solid #000;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
padding: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.inner-table12-td1 {
|
||||||
|
width: 40px;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
border-right:1px solid #000;
|
||||||
|
}
|
||||||
|
.inner-table12-td2 {
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.inner-table13 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 40px;
|
||||||
|
}
|
||||||
|
.inner-table13-td1 {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table13-td2 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table13-td3 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
.inner-table14 {
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.inner-table14-td1{
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size:16px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #1C1C1C;
|
||||||
|
font-weight: 700;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.inner-table14-td2 {
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
.inner-table14-td3 {
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #666666;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: 4px 0 20px 0;
|
||||||
|
}
|
||||||
|
.inner-table15 {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-left: 2px solid #000;
|
||||||
|
border-right: 2px solid #000;
|
||||||
|
border-bottom: 2px solid #000;
|
||||||
|
border-top: 0.5px solid #000;
|
||||||
|
padding: 0;
|
||||||
|
border-spacing: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.inner-table15-td1 {
|
||||||
|
width: 463px;
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
}
|
||||||
|
.inner-table15-td2{
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
background: #F9F9F9;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table15-td3 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-right: 1px solid #000;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.inner-table15-td4{
|
||||||
|
padding: 2px 5px;
|
||||||
|
border-bottom: 1px solid #000;
|
||||||
|
background: #F9F9F9;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table15-td5 {
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #222222;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.inner-table15-td6 {
|
||||||
|
width: 157px;
|
||||||
|
padding: 2px 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.inner-table15-td7 {
|
||||||
|
display: block;
|
||||||
|
font-family: 'Spoqa Han Sans Neo', Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
.nicepay-gray-logo {
|
||||||
|
display: block;
|
||||||
|
border: 0;
|
||||||
|
outline: none;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.tax-invoice-footer {
|
||||||
|
padding: 10px 30px 10px 10px;
|
||||||
|
font-family: Pretendard, Arial, Helvetica, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: #666666;
|
||||||
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import { useEffect, useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
|
|
||||||
interface useIntersectionObserverProps {
|
interface useIntersectionObserverProps {
|
||||||
root?: null;
|
root?: Element | null;
|
||||||
rootMargin?: string;
|
rootMargin?: string;
|
||||||
threshold?: number;
|
threshold?: number;
|
||||||
onIntersect: IntersectionObserverCallback;
|
onIntersect: IntersectionObserverCallback;
|
||||||
|
|||||||
@@ -406,6 +406,10 @@ export const SubLayout = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={ wrapperClassName }>
|
<div className={ wrapperClassName }>
|
||||||
|
<div
|
||||||
|
className="header-empty-block"
|
||||||
|
style={{ width: '100%', height: '50px' }}
|
||||||
|
></div>
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<HeaderNavigation
|
<HeaderNavigation
|
||||||
onBack={ onBack }
|
onBack={ onBack }
|
||||||
|
|||||||
Reference in New Issue
Block a user