From 13301c169570b3f1726fdbc3c8b87a9d527ca36b Mon Sep 17 00:00:00 2001 From: gokilp Date: Thu, 13 Jun 2024 23:13:36 +0530 Subject: [PATCH 1/2] fix profile --- account/home_account.html | 28 +++++--- css/account.css | 146 +++++++++++++++++++------------------- 2 files changed, 93 insertions(+), 81 deletions(-) diff --git a/account/home_account.html b/account/home_account.html index 5328f00d..b9c57f3e 100644 --- a/account/home_account.html +++ b/account/home_account.html @@ -19,27 +19,28 @@
-
-

Flipkart Logolipkart Profile

+

+ Flipkart LogoFlipkart Profile +

- +
- +
- +
- +
@@ -58,16 +59,27 @@

- +

-
+
+ +

What happens when I update my email address (or mobile number)?

+

Your login email id (or mobile number) changes, likewise. You'll receive all your account related communication on your updated email address (or mobile number).

+

When will my Flipkart account be updated with the new email address (or mobile number)?

+ + + +
+ + + diff --git a/css/account.css b/css/account.css index 2b79f347..b34cbb2a 100644 --- a/css/account.css +++ b/css/account.css @@ -1,77 +1,77 @@ -section .container { - background-color: #ffffff25; - border: 1px solid #ddd; - border-radius: 8px; - padding: 30px; - box-shadow: 0 4px 8px rgba(91, 77, 77, 0.1); - max-width: 100%; - transition: box-shadow 0.3s ease; -} +/* Customizing the Flipkart Profile Page */ - -section .container:hover { - box-shadow: 0 8px 16px rgba(91, 77, 77, 0.2); -} - -section h1 { - color: #1149ff; +/* Main container */ +.container { + max-width: 960px; + margin: 0 auto; + padding: 20px; + } + + /* Flipkart logo */ + .flipkardLoader { + width: 100%; + max-width: 180px; + margin: 0 auto; + } + + /* Page heading */ + h1 { + font-size: 2.5rem; + font-weight: bold; text-align: center; - margin-bottom: 20px; -} - -section .form-group label { - color: #343a40; - font-weight: 600; - margin-bottom: 5px; - margin-top: 5px ; -} - -section .form-group label:hover { - color: #007bff; -} - -section .form-control { - border: 1px solid #ced4da; - border-radius: 4px; - padding: 10px; - transition: border-color 0.3s ease; -} - -section .form-control:focus { - border-color: #0755ff; - box-shadow: 0 0 0 0.2rem rgba(12, 82, 163, 0.25); - outline: none; -} - -section .btn-primary { - background-color: #007bff; - border-color: #007bff; - border-radius: 4px; - padding: 10px 20px; + } + + /* Form styling */ + form { + width: 100%; + max-width: 600px; + margin: 0 auto; + } + + .form-group { + margin-bottom: 15px; + } + + label { font-weight: bold; - transition: background-color 0.3s ease; -} - -section .btn-primary:hover { - background-color: #0056b3; - border-color: #0056b3; -} - -section .btn-primary:focus { - background-color: #0056b3; - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); + } + + input[type="text"], + input[type="email"], + textarea { + width: 100%; + padding: 5px; + border: 1px solid #ccc; + border-radius: 3px; + } + + textarea { + height: 100px; + } + + /* Radio buttons */ + .form-check { + display: inline-block; + margin-right: 10px; + } + + /* Submit button */ + .btn-primary { + background-color: #2874f0; + color: #fff; + border: none; + padding: 10px 20px; + border-radius: 3px; cursor: pointer; -} - -section .btn-primary:focus { - box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); -} - -section .form-check-input { - margin-right: 5px; -} - -section #orderHistory { - resize: vertical; - margin-bottom: 15px; -} + } + + /* Responsive design */ + @media (max-width: 768px) { + h1 { + font-size: 1.8rem; + } + + form { + max-width: 100%; + } + } \ No newline at end of file From 5f8f470a8cae3cedf2df0baa075d638a523b9bb3 Mon Sep 17 00:00:00 2001 From: gokilp Date: Fri, 14 Jun 2024 10:35:48 +0530 Subject: [PATCH 2/2] fix profile --- account/home_account.html | 29 +++++++++++++++++------------ css/account.css | 39 +++++++++++++++++++++++++++++++-------- 2 files changed, 48 insertions(+), 20 deletions(-) diff --git a/account/home_account.html b/account/home_account.html index b9c57f3e..bff8e3f8 100644 --- a/account/home_account.html +++ b/account/home_account.html @@ -66,18 +66,23 @@

-
- -

What happens when I update my email address (or mobile number)?

-

Your login email id (or mobile number) changes, likewise. You'll receive all your account related communication on your updated email address (or mobile number).

-

When will my Flipkart account be updated with the new email address (or mobile number)?

- - - - - -
- +
+

FAQ

+

What happens when I update my email address (or mobile number)?

+

Your login email id (or mobile number) changes, likewise. You'll receive all your account related communication on your updated email address (or mobile number).

+

When will my Flipkart account be updated with the new email address (or mobile number)?

+

It happens as soon as you confirm the verification code sent to your email (or mobile) and save the changes.

+

What happens to my existing Flipkart account when I update my email address (or mobile number)?

+

Updating your email address (or mobile number) doesn't invalidate your account. Your account remains fully functional. You'll continue seeing your Order history, saved information and personal details.

+

Does my Seller account get affected when I update my email address?

+

Flipkart has a 'single sign-on' policy. Any changes will reflect in your Seller account also.

+

+ +
+
+ +
+
diff --git a/css/account.css b/css/account.css index b34cbb2a..e42193c2 100644 --- a/css/account.css +++ b/css/account.css @@ -1,27 +1,23 @@ -/* Customizing the Flipkart Profile Page */ -/* Main container */ .container { max-width: 960px; margin: 0 auto; padding: 20px; } - /* Flipkart logo */ .flipkardLoader { width: 100%; max-width: 180px; margin: 0 auto; } - /* Page heading */ h1 { - font-size: 2.5rem; + font-size: 30px; font-weight: bold; text-align: center; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif } - /* Form styling */ form { width: 100%; max-width: 600px; @@ -35,6 +31,12 @@ label { font-weight: bold; } + + p { + font-family: Arial, sans-serif; + font-size: 16px; + line-height: 1.5em +} input[type="text"], input[type="email"], @@ -54,7 +56,18 @@ display: inline-block; margin-right: 10px; } + + #para1{ + + font-size: 14px; + + } + #heading{ + font-size: 20px; + font-weight: bold; + + } /* Submit button */ .btn-primary { background-color: #2874f0; @@ -64,8 +77,18 @@ border-radius: 3px; cursor: pointer; } - - /* Responsive design */ + .btn-primary2 { + display: flex; + justify-content:center; + align-items: center; + background-color: #2874f0; + color: #fff; + border: none; + padding: 10px 20px; + border-radius: 15px; + cursor: pointer; + + } @media (max-width: 768px) { h1 { font-size: 1.8rem;