이미지 수정

src/entities/common/ui/cash-receipt-sample.tsx

@@ -1,6 +1,4 @@
 import { IMAGE_ROOT } from '@/shared/constants/common';
-import { motion } from 'framer-motion';
-import { FilterMotionDuration, FilterMotionVariants } from '../model/constant';
 import { snackBar } from '@/shared/lib';
 import { toPng } from 'html-to-image';
 import { useTranslation } from 'react-i18next';
@@ -77,15 +75,14 @@ export const CashReceiptSample = ({
 
   return (
     <>
-      <motion.div 
-        className="bottomsheet mail-page"
-        initial="hidden"
-        animate={ (cashReceiptSampleOn)? 'hidden': 'hidden' }
-        variants={ FilterMotionVariants }
-        transition={ FilterMotionDuration }
-      >
+      <div className="mail-page">
         <div id="image-section">
           <div className="wrap">
+            <div className="header">
+              <div className="title-row">
+                <div className="title">현금영수증</div>
+              </div>
+            </div>
             <div className="section">
               <div className="head">
                 <div className="icon">
@@ -235,7 +232,7 @@ export const CashReceiptSample = ({
             </div>
           </div>
         </div>
-      </motion.div>
+      </div>
     </>
   );
 };

src/entities/transaction/ui/section/amount-info-section.tsx

@@ -430,7 +430,7 @@ export const AmountInfoSection = ({
         }
         <div className="txn-doc">
           { (transactionCategory === TransactionCategory.CashReceipt) &&
-            !!canDownloadReceipt &&
+            // !!canDownloadReceipt &&
             <button
               className="doc-btn"
               type="button"

src/shared/ui/assets/css/style-tax-invoice.css

@@ -38,11 +38,31 @@
 /* notice */
 .mail-page .notice { padding: 16px; background: #F3F3F3; border-radius: 6px; margin: 30px 0 0 0; font-family: Pretendard, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; color: #2D3436; }
 
+.mail-page {
+  padding: 0; width: 100%;
+  transform: translateY(100%);
+  position: fixed;
+  bottom: 0;
+}
+.mail-page .header {
+  padding: 0;
+  background-color: #e4e4e4;
+}
+.mail-page .header .title-row {
+  padding: 15px 0 18px 10px;
+}
+
+.mail-page .wrap{
+  width: calc(100% - 20px);
+  padding: 0;
+  margin: 10px;
+}
 .mail-page #image-section{
-  padding: 0 0 20px 0;
-  background-color: #ffffff;
+  padding: 0;
+  background-color: #e4e4e4;
 }
 .mail-page #image-section .section{
   background-color: #ffffff;
+  padding: 0 10px;
 }