refactor special request & time estimate components

src/pages/cart/components/specialRequest/Dialog.tsx

@@ -41,13 +41,6 @@ export function Dialog({
       open={isOpen}
       onCancel={handleCancel}
       footer={[
-        <Button
-          key="cancel"
-          onClick={handleCancel}
-          className={styles.actionButton}
-        >
-          {t("cart.cancel")}
-        </Button>,
         <Button
           key="save"
           type="primary"
@@ -61,16 +54,14 @@ export function Dialog({
       destroyOnHidden
     >
       <div className="space-y-4">
-        <div>
-          <TextArea
-            value={value}
-            onChange={(e) => setValue(e.target.value)}
-            placeholder={t("cart.specialRequest")}
-            rows={6}
-            autoFocus={false}
-            className={styles.textArea}
-          />
-        </div>
+        <TextArea
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+          placeholder={t("cart.specialRequest")}
+          rows={6}
+          autoFocus={false}
+          className={styles.textArea}
+        />
       </div>
     </Modal>
   );

src/pages/cart/components/specialRequest/SpecialRequestCard.module.css

@@ -3,14 +3,16 @@
 }
 
 .editButton {
-  color: var(--primary, #FFB700);
+  color: var(--primary, #ffb700);
   font-size: 14px;
   cursor: pointer;
 }
-.textArea{
+.textArea {
   border-radius: 24px;
+  margin: 40px 0;
 }
-.actionButton{
+.actionButton {
   border-radius: 24px;
-  width: 100px;
-}
+  width: 100% !important;
+  height: 48px !important;
+}