소스 검색

feat: 修改

year 3 달 전
부모
커밋
7acc91e8be
2개의 변경된 파일19개의 추가작업 그리고 1개의 파일을 삭제
  1. 4 1
      src/app/[locale]/(doings)/deliver/page.tsx
  2. 15 0
      src/app/[locale]/(doings)/deliver/style.module.scss

+ 4 - 1
src/app/[locale]/(doings)/deliver/page.tsx

@@ -83,7 +83,10 @@ const Deliver: React.FC = () => {
                     <div className={styles.text}>Valor a ser arrecadado hoje</div>
                     <div className={clsx("text-center", styles.moneyContainer)}>
                         <span className={clsx(styles.moneyText, "text-[.2rem]")}>R$ </span>
-                        <span className={clsx(styles.moneyText, "text-[.6rem]")}>50.00</span>
+                        <span className={clsx(styles.moneyText, "relative text-[.6rem]")}>
+                            50.00
+                            <div className={styles.numShadow}></div>
+                        </span>
                     </div>
                     <div className="mt-[.2rem] flex flex-row items-center justify-center">
                         <span className={styles.btn}>Recebido</span>

+ 15 - 0
src/app/[locale]/(doings)/deliver/style.module.scss

@@ -74,6 +74,21 @@
             position: relative;
             z-index: 1;
         }
+        .numShadow {
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%) rotateX(80deg);
+            width: 50%;
+            height: 10px;
+            background-color: rgba(0, 0, 0, 0.3);
+            filter: blur(10px);
+            border-radius: 50%;
+            // box-shadow:
+            //     0 0 15px rgba(0, 0, 0, 1),
+            //     0 0 15px rgba(0, 0, 0, 0.1);
+            z-index: 2;
+        }
         &:after {
             content: "";
             position: absolute;