From ddd40d5679fe4a63c442ff9b6f7d38070e532c18 Mon Sep 17 00:00:00 2001 From: itxsoumya Date: Fri, 12 May 2023 15:22:34 +0530 Subject: [PATCH 1/5] UI: given a pretified look --- client/index.html | 35 ++++++++----- client/src/App.css | 4 +- .../Components/AllProblems/AllProblems.css | 4 +- .../Components/AllProblems/AllProblems.jsx | 4 +- client/src/Components/HomePage/HomePage.css | 3 ++ client/src/Components/HomePage/HomePage.jsx | 6 +-- client/src/Components/Login/Login.jsx | 4 +- .../Components/ProblemsPage/ProblemsPage.jsx | 2 +- client/src/Components/Signup/Signup.jsx | 4 +- client/src/Constants/Navbar/Navbar.jsx | 51 +++++++++++++++++-- 10 files changed, 85 insertions(+), 32 deletions(-) diff --git a/client/index.html b/client/index.html index 60ee5964..b3705d3a 100644 --- a/client/index.html +++ b/client/index.html @@ -1,16 +1,23 @@ - - - - - Vite + React - - - - - -
- - - + + + + + + Vite + React + + + + + + + + + + +
+ + + + \ No newline at end of file diff --git a/client/src/App.css b/client/src/App.css index 35ac68f3..c3e5b45c 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -6,11 +6,11 @@ font-family: 'Sacramento', cursive; */ h1 , h2 , h3 , h4 , h5 , h6 { - font-family: 'Montserrat', sans-serif; + font-family: 'Poppins', sans-serif; font-weight: 900; } p , a { - font-family: 'Prompt', sans-serif + font-family: 'Poppins', sans-serif } .flex-row { diff --git a/client/src/Components/AllProblems/AllProblems.css b/client/src/Components/AllProblems/AllProblems.css index 0bdfb9f4..e2fcaa50 100644 --- a/client/src/Components/AllProblems/AllProblems.css +++ b/client/src/Components/AllProblems/AllProblems.css @@ -15,11 +15,11 @@ th { text-align: start; padding: 0.5rem 0 0.5rem 0.3rem; color: black; - font-family: 'Merriweather', serif; + font-family: 'Poppins', serif; } td { - font-family: 'Merriweather', serif; + font-family: 'Poppins', serif; padding: 1rem; } diff --git a/client/src/Components/AllProblems/AllProblems.jsx b/client/src/Components/AllProblems/AllProblems.jsx index 1e16e6b2..172585d7 100644 --- a/client/src/Components/AllProblems/AllProblems.jsx +++ b/client/src/Components/AllProblems/AllProblems.jsx @@ -21,7 +21,7 @@ const AllProblemsPage = () => { }, []); return ( -
+
@@ -32,7 +32,7 @@ const AllProblemsPage = () => { {problems.map((prob,index) => ( - + diff --git a/client/src/Components/HomePage/HomePage.css b/client/src/Components/HomePage/HomePage.css index d6f166b2..16944c45 100644 --- a/client/src/Components/HomePage/HomePage.css +++ b/client/src/Components/HomePage/HomePage.css @@ -14,4 +14,7 @@ .content { margin: 5px 0; +} +#home{ + padding-top: 3rem; } \ No newline at end of file diff --git a/client/src/Components/HomePage/HomePage.jsx b/client/src/Components/HomePage/HomePage.jsx index f11180c3..fb7fe688 100644 --- a/client/src/Components/HomePage/HomePage.jsx +++ b/client/src/Components/HomePage/HomePage.jsx @@ -4,10 +4,10 @@ import loremContent from './LoremPosts' const HomePage = () => { return ( -
-

Blogs

+
+

Blogs

{loremContent.map((content,index) => ( -
+

{content.date}

{content.title}

{content.content}

diff --git a/client/src/Components/Login/Login.jsx b/client/src/Components/Login/Login.jsx index 6cc12bfe..57183a01 100644 --- a/client/src/Components/Login/Login.jsx +++ b/client/src/Components/Login/Login.jsx @@ -10,8 +10,8 @@ const Login = () => { return (
-

Login

-
+

Login

+
{ diff --git a/client/src/Components/ProblemsPage/ProblemsPage.jsx b/client/src/Components/ProblemsPage/ProblemsPage.jsx index 66cedf39..449e7844 100644 --- a/client/src/Components/ProblemsPage/ProblemsPage.jsx +++ b/client/src/Components/ProblemsPage/ProblemsPage.jsx @@ -53,7 +53,7 @@ const ProblemsPage = () => {

Code Here

-
+
{prob.title}
diff --git a/client/src/Components/HomePage/HomePage.jsx b/client/src/Components/HomePage/HomePage.jsx index fb7fe688..e06b1f83 100644 --- a/client/src/Components/HomePage/HomePage.jsx +++ b/client/src/Components/HomePage/HomePage.jsx @@ -4,7 +4,7 @@ import loremContent from './LoremPosts' const HomePage = () => { return ( -
+

Blogs

{loremContent.map((content,index) => (
diff --git a/client/src/Constants/Navbar/Navbar.jsx b/client/src/Constants/Navbar/Navbar.jsx index bf5ea066..a22abdb6 100644 --- a/client/src/Constants/Navbar/Navbar.jsx +++ b/client/src/Constants/Navbar/Navbar.jsx @@ -30,7 +30,7 @@ const Navbar1 = () => { const Navbar = () => { return ( -
{
-
-
+
PeetCode
-
Problems
+
Problems
+ cursor-pointer md:px-4 px-1 flex"> Signup
+ cursor-pointer md:px-4 px-1 flex"> Login
From 080f36b5be174f2422a81251dbac17667e12a7cf Mon Sep 17 00:00:00 2001 From: itxsoumya Date: Fri, 12 May 2023 19:41:48 +0530 Subject: [PATCH 5/5] UI: mobile responsive problemBox section --- .../src/Components/ProblemsPage/ProblemsPage.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/client/src/Components/ProblemsPage/ProblemsPage.css b/client/src/Components/ProblemsPage/ProblemsPage.css index a6bc6969..27270abe 100644 --- a/client/src/Components/ProblemsPage/ProblemsPage.css +++ b/client/src/Components/ProblemsPage/ProblemsPage.css @@ -2,11 +2,21 @@ min-height: 91vh; display: flex; align-items: flex-start; + /* flex-direction: column; */ } +@media screen and (max-width: 640px) { + #problempage{ + flex-direction: column; + } + + } + + + .ques , .code { - width: 50%; - min-height: 65vh; + width: 100%; + /* min-height: 65vh; */ margin: 0; display: flex; flex-direction: column;