Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Issue number #626 is solved #660

Closed
wants to merge 1 commit into from
Closed

Issue number #626 is solved #660

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 0 additions & 6 deletions client/src/components/Footer/Footer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,15 +72,9 @@
font-size: 0.875rem; /* Smaller text size */
}

/* newsletter */
.newsletter-form {
margin-top: 20px;
}

.newsletter-form h2 {
font-size: 1.2rem;
margin-bottom: 10px;
margin-top: 24px;
text-align: center;
}

Expand Down
26 changes: 14 additions & 12 deletions client/src/components/Footer/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ function Footer({ darkMode }) {

return (
<footer style={footerStyle} className="py-8">
<div className="container mx-auto flex flex-wrap justify-between max-w-[90%]">
<div className="container mx-auto flex flex-wrap gap-5 justify-between md:justify-around max-w-[90%]">
<div className="footer-section">
<h2 className="text-lg font-bold mb-4">ABOUT</h2>
<ul className="footer-list">
Expand Down Expand Up @@ -100,9 +100,10 @@ function Footer({ darkMode }) {
</li>
</ul>
</div>
<div className="footer-section">
<h2 className="text-lg font-bold mb-4 text-center">SOCIALS</h2>
<ul className="footer-list flex">
<div className="footer-section container mx-auto flex flex-wrap justify-around gap-5 items-center">
<div>
<h2 className="text-lg font-bold mb-4 text-center flex flex-col">SOCIALS</h2>
<ul className="footer-list flex ">
<li>
<a
href="https://www.linkedin.com/in/trisha-sahu-171623193/"
Expand Down Expand Up @@ -136,31 +137,32 @@ function Footer({ darkMode }) {
</a>
</li>
</ul>
</div>
<div
className="translator"
style={{
position: "relative",
marginLeft: "auto",
marginRight: "0",
marginBottom: "4px",
marginTop: "16px",
// position: "relative",
// marginLeft: "auto",
// marginRight: "0",
// marginBottom: "4px",
// marginTop: "16px",
color: "white",
display: "block",
// display: "block",
alignItems: "center",
width: "fit-content",
}}
>
<img
src="google.png"
alt=""
alt="google translate png"
className="google-translate"
style={{ display: "block", width: "45px", margin: "auto" }}
/>

<GoogleTranslate />
</div>
</div>
<div className="footer-section">
<div className="footer-section container mx-auto mt-2 flex flex-col items-center">
<h2 className="text-lg font-bold mb-4 text-center">NEWSLETTER</h2>
<form className="newsletter-form" onSubmit={handleSubscribe}>
<input
Expand Down
4 changes: 2 additions & 2 deletions client/src/components/GoogleTranslate.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,13 +39,13 @@ const GoogleTranslate = () => {
}, []);

return (
<div id="google_element" className="google-translate-container pl-20 md:pl-0">
<div id="google_element" className="google-translate-container">
<style jsx>{`
.goog-te-combo {
background-color: #e0f2ff; /* Light blue background */
border: 2px solid #0056b3; /* Dark blue border */
border-radius: 0.5rem; /* Slightly more rounded */
// padding: 0.5rem 1rem; /* Tailwind: p-2 */
padding: 0.5rem 1rem; /* Tailwind: p-2 */
font-size: 0.875rem; /* Tailwind: text-sm */
transition: all 0.3s ease; /* Smooth transition */
outline: none;
Expand Down