gray-mueller / gray-mueller/full-stack-document-solution

Misalignment of Payment Method Buttons in Checkout Section in Enatega Food Delivery Site

未关闭
#173 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
TypeScript
星标
0
派生
0
PR 合并指标
30 天内没有已合并 PR

描述

Description:
In the Enatega food delivery website's checkout section, there is a misalignment issue with the placement of payment method buttons. Specifically, when the PayPal method is selected, the PayPal button is positioned on the left, while the credit/debit card button is centered.

Steps to Reproduce:
Visit the Enatega food delivery website.
Add items to the cart and proceed to the checkout section.
Select PayPal as the payment method.

Expected Behavior:
The payment method buttons should be uniformly aligned for a consistent and user-friendly experience.

Actual Behavior:
When PayPal is selected, the PayPal button is positioned on the left, creating a misalignment with the credit/debit card button, which is centered.

image

image

贡献指南

打开贡献指南

调研方向

首先,在Enatega外卖网站上重现checkout流程:将商品添加到购物车后选择PayPal。找到checkout的支付方式UI及其样式,然后验证在issue修复后,PayPal按钮与信用卡/借记卡按钮的对齐方式保持一致。

由索引模型根据 Issue 内容生成。

评估

技术栈
typescript
领域
frontend, payments
Issue 类型
缺陷
难度
2/5
预计耗时
1-3 小时
活跃度
冷清
描述清晰度
基本清楚
新手友好度
58/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。