Skip to content

Commit a40af88

Browse files
committed
center continue shopping button
1 parent 4419e80 commit a40af88

2 files changed

Lines changed: 7 additions & 3 deletions

File tree

frontend/src/App.jsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -358,8 +358,10 @@ const Overlay = ({ type, onClose, cartItems, wishlistItems, onRemoveFromCart, on
358358
onClose();
359359
}}
360360
onError={() => console.log('Google login failed')}
361-
width="100%"
361+
width="360"
362362
text={isSignUp ? 'signup_with' : 'signin_with'}
363+
shape="rectangular"
364+
size="large"
363365
/>
364366
</div>
365367
</div>

frontend/src/index.css

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1017,7 +1017,8 @@ ul {
10171017

10181018
/* Google Login Button */
10191019
.google-btn-wrap { display: flex; justify-content: center; width: 100%; margin-top: 4px; }
1020-
.google-btn-wrap > div { width: 100% !important; }
1020+
.google-btn-wrap > div { display: flex !important; justify-content: center !important; }
1021+
.google-btn-wrap iframe { margin: 0 auto !important; }
10211022

10221023
/* User Profile in Header */
10231024
.user-profile-wrap { position: relative; }
@@ -1096,10 +1097,11 @@ ul {
10961097
.payment-option input { accent-color: #e85d04; width: 16px; height: 16px; }
10971098

10981099
/* Order Success */
1099-
.order-success { text-align: center; padding: 48px 28px; }
1100+
.order-success { text-align: center; padding: 48px 28px; display: flex; flex-direction: column; align-items: center; }
11001101
.success-icon { width: 72px; height: 72px; background: #e85d04; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto 20px; }
11011102
.order-success h2 { font-size: 24px; font-weight: 800; margin-bottom: 10px; }
11021103
.order-success p { color: #888; margin-bottom: 28px; font-size: 14px; }
1104+
.order-success .btn-primary { width: auto; padding: 14px 32px; }
11031105

11041106
/* ── Account Drawer ── */
11051107
.account-body { display: flex; flex-direction: column; gap: 20px; padding: 20px; flex: 1; overflow-y: auto; }

0 commit comments

Comments
 (0)