JbKG^84-KIn_=FBiPwZ173x|9joEpNH$E|V$$B~xkq^90!i!Lu{$_uyTE7yJp
zzTj=iuu&3B!)A;p@I0iHEsVlJ2xl}RcwRfWNEqb-b$#M|!X?~SWefM)g{*t;WS~yik)O1}?30
zn^p#&g@v0gX~(&@FF>TFNq4%O3ab3hlcgR(;Q3&4({dJE=#BvKW6|?R?bN*E^*-6Z7EO%MlE<+AB76%tenF
zr&*veim%?i5Rv9axS|50;ADHQ=SB;j5Snj6G1TCHC
zAP}9xVi@iK@Y9NRR9GWj|D_&ZP8f`d84fT-6
z3?bm-c%OEWHQwHGU+8RoQDL@1#CiI-_%6Ok0HLNDcm_@VD^{Nr%cE1pY{w72`g)t8
zu@gh+q?|pb=FXd@53%Xs41|cE`3Vz0fS{$MIZ9DxMQ?vgPw|C<4c2%&F+3N}k>NBI
zh|4_(Uo>3eXja(Gb5z(wpZY;-w8K;iY9^CR4PmFvDPjm1mIkNFlPw3R!x_ExA|^(y(RN~DQ3`$JG_>mEuE)*lJnoi8{@x#`5
zJ29caesX_t>mHgS?
zc41`TPzgOqp8J}bJJci9H`aISi*F}3OyL)bu=DyrE1
zyG=Op>0q)EUg;^i!zD_Nl8~hn{W~{0r8yJx@y9a6@z+uh#KMhnDUi`a#C*?yJ&Q-j
z(ErRE7~Xp@week{iB(FeaxC@%_78sHl;*zt9X;`s&G9kS?l!KLDae9j`;TBp&qf@6
z|08{rJXs9KDm~^T1=95p(|t64!2L{g^GnAt|GP85^A|I_oBSRwdC!DZB^}46
zr)CK2@me}P^Q?bMCrTLJwiBbf_CTnQvK4JD^Ci>Or@YV9rRBoO>6d)g%xT6vS|+dN
z7@ur|p=_ECi=$)jAKCEA!*Jm~|6%dP*L;H7#-*$lE=NR$01H`3a?Tz$
z(0hekm4JsW{f>1TaGM_q`~?Br2Hr;8zmwS$VE9a}uUWA{O~uIJwy
zSoOn$So79n5d6P@RYD7DNb8azqlY-wID)Y~hcNcZ01n6rw*5nsTg)?-{Rq?MUk&72
z+hmKUC_HJL-xEhhfB$*!%m2uit?(9G-$#!#Y1x{3AaLJ`Fs`mMBv9ujXS`@Gb=M>X
z>WOh^G10wK6Sd80$g;He-Xd=8dYh5
z{ugI^jN_72xVkZkOLq*t@WSCj?|R#m?OC!13His2oDs9@VpukqdPLy3^XG=l3WKVZ
z@ch$d(^z6We*gY(%T_P>z3)G+y!BN)@_Y?Dh0RDf+sV3=lBuQ(gF5(cy6Bp03K
z_jFi!2}MWKjC~>C^Z3V_?S|Boe)>X_9prU^2~F2}=7O*{o(?ME`Y(sR++7Fh~eh
zW%X@wbo}!D%T|4W5;3vEpEsTxWB-4E#Va5m)qeav6u#yg&6664R(;rNUHzVG2dlo93s>0fGkJ&*S5U&L9#xokOc6(dUj24xoX
zAB7s7TZ;+T7kD|@vXGWaKB+-FKvnh6iMaUA(f{n+_IdaEvixw%ipu>aa^I!|_F)SP
zZ9zxJ6Yw=ohbmvj{PIrb$X&|1*~S=XOnwfY;XtFAgHN3V_C!WhDRGEBY*%EtPa9AC
zW&37!{E%`RDvC<}STu*-yCwF2Z~E#@$MUGFW1BLh7K##qLIs`|G*uR*(VC|002ovPDHLkV1lSlCLsU-
literal 0
HcmV?d00001
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
new file mode 100644
index 0000000..72e92f0
--- /dev/null
+++ b/src/components/Navbar/Navbar.js
@@ -0,0 +1,89 @@
+import React, { useState } from 'react'
+import logo from './Logo.png'
+import styled from '@emotion/styled'
+import { UserOutlined } from '@ant-design/icons'
+
+const NavbarWrapper = styled.div`
+ display: flex;
+ justify-content: space-between;
+ padding: 0.5rem 4rem;
+ width: 100vw;
+ height: 4rem;
+ background-color: #0d0e0e;
+ // background-color: grey;
+ color: white;
+ font-family: 'Poppins', sans-serif;
+ font-weight: bold;
+`
+
+const LogoDiv = styled.div`
+ display: flex;
+ & img {
+ height: 3rem;
+ }
+`
+
+const RightBar = styled.div`
+ display: flex;
+`
+
+const List = styled.ul`
+ display: flex;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+`
+const ListItem = styled.li`
+ padding: 0.9rem 1.2rem;
+ cursor: pointer;
+ &:hover {
+ color: #35ae9a;
+ }
+
+ &:after {
+ position: relative;
+ left: 31%;
+ display: block;
+ content: '';
+ width: 40%;
+ border-bottom: solid 2px #35ae9a;
+ transform: scaleX(0);
+ transition: transform 250ms ease-in-out;
+ }
+ &:hover:after {
+ transform: scaleX(1);
+ }
+
+ &:last-child:after {
+ border: none;
+ }
+ &:last-child:hover:after {
+ color: #35ae9a;
+ }
+`
+
+function Navbar() {
+ return (
+ <>
+
+
+
+
+
+
+ Problems
+ Practice
+ Ladder
+ Upsolve
+ Contest
+
+
+
+
+
+
+ >
+ )
+}
+
+export default Navbar
diff --git a/yarn.lock b/yarn.lock
index 836e163..dbb04f1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1158,10 +1158,10 @@
"core-js-pure" "^3.0.0"
"regenerator-runtime" "^0.13.4"
-"@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4":
- "integrity" "sha512-BogPQ7ciE6SYAUPtlm9tWbgI9+2AgqSam6QivMgXgAT+fKbgppaj4ZX15MHeLC1PVF5sNk70huBu20XxWOs8Cg=="
- "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.18.tgz"
- "version" "7.12.18"
+"@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4":
+ "integrity" "sha512-hzeyJyMA1YGdJTuWU0e/j4wKXrU4OMFvY2MSlaI9B7VQb0r5cxTE3EAIS2Q7Tn2RIcDkRvTA/v2JsAEhxe99uw=="
+ "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.2.tgz"
+ "version" "7.17.2"
dependencies:
"regenerator-runtime" "^0.13.4"
@@ -1233,6 +1233,108 @@
"resolved" "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.4.0.tgz"
"version" "3.4.0"
+"@emotion/babel-plugin@^11.7.1":
+ "integrity" "sha512-6mGSCWi9UzXut/ZAN6lGFu33wGR3SJisNl3c0tvlmb8XChH1b2SUvxvnOh7hvLpqyRdHHU9AiazV3Cwbk5SXKQ=="
+ "resolved" "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.7.2.tgz"
+ "version" "11.7.2"
+ dependencies:
+ "@babel/helper-module-imports" "^7.12.13"
+ "@babel/plugin-syntax-jsx" "^7.12.13"
+ "@babel/runtime" "^7.13.10"
+ "@emotion/hash" "^0.8.0"
+ "@emotion/memoize" "^0.7.5"
+ "@emotion/serialize" "^1.0.2"
+ "babel-plugin-macros" "^2.6.1"
+ "convert-source-map" "^1.5.0"
+ "escape-string-regexp" "^4.0.0"
+ "find-root" "^1.1.0"
+ "source-map" "^0.5.7"
+ "stylis" "4.0.13"
+
+"@emotion/cache@^11.7.1":
+ "integrity" "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A=="
+ "resolved" "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz"
+ "version" "11.7.1"
+ dependencies:
+ "@emotion/memoize" "^0.7.4"
+ "@emotion/sheet" "^1.1.0"
+ "@emotion/utils" "^1.0.0"
+ "@emotion/weak-memoize" "^0.2.5"
+ "stylis" "4.0.13"
+
+"@emotion/hash@^0.8.0":
+ "integrity" "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
+ "resolved" "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz"
+ "version" "0.8.0"
+
+"@emotion/is-prop-valid@^1.1.2":
+ "integrity" "sha512-3QnhqeL+WW88YjYbQL5gUIkthuMw7a0NGbZ7wfFVk2kg/CK5w8w5FFa0RzWjyY1+sujN0NWbtSHH6OJmWHtJpQ=="
+ "resolved" "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.2.tgz"
+ "version" "1.1.2"
+ dependencies:
+ "@emotion/memoize" "^0.7.4"
+
+"@emotion/memoize@^0.7.4", "@emotion/memoize@^0.7.5":
+ "integrity" "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
+ "resolved" "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz"
+ "version" "0.7.5"
+
+"@emotion/react@^11.0.0-rc.0":
+ "integrity" "sha512-XGaie4nRxmtP1BZYBXqC5JGqMYF2KRKKI7vjqNvQxyRpekVAZhb6QqrElmZCAYXH1L90lAelADSVZC4PFsrJ8Q=="
+ "resolved" "https://registry.npmjs.org/@emotion/react/-/react-11.8.1.tgz"
+ "version" "11.8.1"
+ dependencies:
+ "@babel/runtime" "^7.13.10"
+ "@emotion/babel-plugin" "^11.7.1"
+ "@emotion/cache" "^11.7.1"
+ "@emotion/serialize" "^1.0.2"
+ "@emotion/sheet" "^1.1.0"
+ "@emotion/utils" "^1.1.0"
+ "@emotion/weak-memoize" "^0.2.5"
+ "hoist-non-react-statics" "^3.3.1"
+
+"@emotion/serialize@^1.0.2":
+ "integrity" "sha512-95MgNJ9+/ajxU7QIAruiOAdYNjxZX7G2mhgrtDWswA21VviYIRP1R5QilZ/bDY42xiKsaktP4egJb3QdYQZi1A=="
+ "resolved" "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.0.2.tgz"
+ "version" "1.0.2"
+ dependencies:
+ "@emotion/hash" "^0.8.0"
+ "@emotion/memoize" "^0.7.4"
+ "@emotion/unitless" "^0.7.5"
+ "@emotion/utils" "^1.0.0"
+ "csstype" "^3.0.2"
+
+"@emotion/sheet@^1.1.0":
+ "integrity" "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
+ "resolved" "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.1.0.tgz"
+ "version" "1.1.0"
+
+"@emotion/styled@^11.8.1":
+ "integrity" "sha512-OghEVAYBZMpEquHZwuelXcRjRJQOVayvbmNR0zr174NHdmMgrNkLC6TljKC5h9lZLkN5WGrdUcrKlOJ4phhoTQ=="
+ "resolved" "https://registry.npmjs.org/@emotion/styled/-/styled-11.8.1.tgz"
+ "version" "11.8.1"
+ dependencies:
+ "@babel/runtime" "^7.13.10"
+ "@emotion/babel-plugin" "^11.7.1"
+ "@emotion/is-prop-valid" "^1.1.2"
+ "@emotion/serialize" "^1.0.2"
+ "@emotion/utils" "^1.1.0"
+
+"@emotion/unitless@^0.7.5":
+ "integrity" "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+ "resolved" "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz"
+ "version" "0.7.5"
+
+"@emotion/utils@^1.0.0", "@emotion/utils@^1.1.0":
+ "integrity" "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
+ "resolved" "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz"
+ "version" "1.1.0"
+
+"@emotion/weak-memoize@^0.2.5":
+ "integrity" "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
+ "resolved" "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz"
+ "version" "0.2.5"
+
"@eslint/eslintrc@^0.3.0":
"integrity" "sha512-1JTKgrOKAHVivSvOYw+sJOunkBjUOvjqWk1DPja7ZFhIS2mX/4EgTT8M7eTK9jrKhL/FvXXEbQwIs3pg1xp3dg=="
"resolved" "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.3.0.tgz"
@@ -2653,7 +2755,7 @@
"@types/babel__core" "^7.0.0"
"@types/babel__traverse" "^7.0.6"
-"babel-plugin-macros@2.8.0":
+"babel-plugin-macros@^2.6.1", "babel-plugin-macros@2.8.0":
"integrity" "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg=="
"resolved" "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz"
"version" "2.8.0"
@@ -3551,7 +3653,7 @@
"resolved" "https://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz"
"version" "0.3.5"
-"convert-source-map@^1.4.0", "convert-source-map@^1.6.0", "convert-source-map@^1.7.0", "convert-source-map@1.7.0":
+"convert-source-map@^1.4.0", "convert-source-map@^1.5.0", "convert-source-map@^1.6.0", "convert-source-map@^1.7.0", "convert-source-map@1.7.0":
"integrity" "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA=="
"resolved" "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.7.0.tgz"
"version" "1.7.0"
@@ -3947,6 +4049,11 @@
dependencies:
"cssom" "~0.3.6"
+"csstype@^3.0.2":
+ "integrity" "sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA=="
+ "resolved" "https://registry.npmjs.org/csstype/-/csstype-3.0.10.tgz"
+ "version" "3.0.10"
+
"cyclist@^1.0.1":
"integrity" "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk="
"resolved" "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz"
@@ -4584,6 +4691,11 @@
"resolved" "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz"
"version" "2.0.0"
+"escape-string-regexp@^4.0.0":
+ "integrity" "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+ "resolved" "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
+ "version" "4.0.0"
+
"escodegen@^1.14.1":
"integrity" "sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw=="
"resolved" "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz"
@@ -5158,6 +5270,11 @@
"make-dir" "^3.0.2"
"pkg-dir" "^4.1.0"
+"find-root@^1.1.0":
+ "integrity" "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+ "resolved" "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz"
+ "version" "1.1.0"
+
"find-up@^2.0.0":
"integrity" "sha1-RdG35QbHF93UgndaK3eSCjwMV6c="
"resolved" "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz"
@@ -5617,6 +5734,13 @@
"minimalistic-assert" "^1.0.0"
"minimalistic-crypto-utils" "^1.0.1"
+"hoist-non-react-statics@^3.3.1":
+ "integrity" "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw=="
+ "resolved" "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
+ "version" "3.3.2"
+ dependencies:
+ "react-is" "^16.7.0"
+
"hoopy@^0.1.4":
"integrity" "sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ=="
"resolved" "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz"
@@ -9643,6 +9767,11 @@
"resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
"version" "16.13.1"
+"react-is@^16.7.0":
+ "integrity" "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+ "resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
+ "version" "16.13.1"
+
"react-is@^16.8.1":
"integrity" "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
"resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
@@ -9739,7 +9868,7 @@
optionalDependencies:
"fsevents" "^2.1.3"
-"react@*", "react@^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0", "react@^17.0.2", "react@>= 16", "react@>= 16.9.0", "react@>=16.0.0", "react@>=16.8", "react@>=16.9.0", "react@17.0.2":
+"react@*", "react@^0.14.0 || ^15.0.0 || ^16.0.0 || ^17.0.0", "react@^17.0.2", "react@>= 16", "react@>= 16.9.0", "react@>=16.0.0", "react@>=16.8", "react@>=16.8.0", "react@>=16.9.0", "react@17.0.2":
"integrity" "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA=="
"resolved" "https://registry.npmjs.org/react/-/react-17.0.2.tgz"
"version" "17.0.2"
@@ -10657,6 +10786,11 @@
"resolved" "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
"version" "0.5.7"
+"source-map@^0.5.7":
+ "integrity" "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w="
+ "resolved" "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
+ "version" "0.5.7"
+
"source-map@^0.6.0", "source-map@^0.6.1", "source-map@~0.6.0", "source-map@~0.6.1", "source-map@0.6.1":
"integrity" "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
"resolved" "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
@@ -11022,6 +11156,11 @@
"postcss" "^7.0.0"
"postcss-selector-parser" "^3.0.0"
+"stylis@4.0.13":
+ "integrity" "sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag=="
+ "resolved" "https://registry.npmjs.org/stylis/-/stylis-4.0.13.tgz"
+ "version" "4.0.13"
+
"supports-color@^5.3.0":
"integrity" "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow=="
"resolved" "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
From d3c194bf2f27bb7b0dbbf77de6b7d95efed5f513 Mon Sep 17 00:00:00 2001
From: Mad1ad <72143774+Sahaj-Srivastava24@users.noreply.github.com>
Date: Sat, 5 Mar 2022 19:27:55 +0530
Subject: [PATCH 2/3] build failure bug
Signed-off-by: Mad1ad <72143774+Sahaj-Srivastava24@users.noreply.github.com>
---
package-lock.json | 25 +++++++------------------
package.json | 1 +
yarn.lock | 2 +-
3 files changed, 9 insertions(+), 19 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 2626d47..819bcec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
"version": "0.1.0",
"dependencies": {
"@ant-design/icons": "^4.7.0",
+ "@emotion/react": "^11.8.1",
"@emotion/styled": "^11.8.1",
"antd": "^4.17.3",
"immutability-helper": "^3.1.1",
@@ -1420,7 +1421,6 @@
"version": "11.7.1",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz",
"integrity": "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==",
- "peer": true,
"dependencies": {
"@emotion/memoize": "^0.7.4",
"@emotion/sheet": "^1.1.0",
@@ -1451,7 +1451,6 @@
"version": "11.8.1",
"resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.8.1.tgz",
"integrity": "sha512-XGaie4nRxmtP1BZYBXqC5JGqMYF2KRKKI7vjqNvQxyRpekVAZhb6QqrElmZCAYXH1L90lAelADSVZC4PFsrJ8Q==",
- "peer": true,
"dependencies": {
"@babel/runtime": "^7.13.10",
"@emotion/babel-plugin": "^11.7.1",
@@ -1490,8 +1489,7 @@
"node_modules/@emotion/sheet": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.1.0.tgz",
- "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==",
- "peer": true
+ "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
},
"node_modules/@emotion/styled": {
"version": "11.8.1",
@@ -1531,8 +1529,7 @@
"node_modules/@emotion/weak-memoize": {
"version": "0.2.5",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
- "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==",
- "peer": true
+ "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
},
"node_modules/@eslint/eslintrc": {
"version": "0.3.0",
@@ -8807,7 +8804,6 @@
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
- "peer": true,
"dependencies": {
"react-is": "^16.7.0"
}
@@ -8815,8 +8811,7 @@
"node_modules/hoist-non-react-statics/node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
- "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
- "peer": true
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
},
"node_modules/hoopy": {
"version": "0.1.4",
@@ -20466,7 +20461,6 @@
"version": "11.7.1",
"resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz",
"integrity": "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==",
- "peer": true,
"requires": {
"@emotion/memoize": "^0.7.4",
"@emotion/sheet": "^1.1.0",
@@ -20497,7 +20491,6 @@
"version": "11.8.1",
"resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.8.1.tgz",
"integrity": "sha512-XGaie4nRxmtP1BZYBXqC5JGqMYF2KRKKI7vjqNvQxyRpekVAZhb6QqrElmZCAYXH1L90lAelADSVZC4PFsrJ8Q==",
- "peer": true,
"requires": {
"@babel/runtime": "^7.13.10",
"@emotion/babel-plugin": "^11.7.1",
@@ -20524,8 +20517,7 @@
"@emotion/sheet": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.1.0.tgz",
- "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==",
- "peer": true
+ "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
},
"@emotion/styled": {
"version": "11.8.1",
@@ -20552,8 +20544,7 @@
"@emotion/weak-memoize": {
"version": "0.2.5",
"resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
- "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==",
- "peer": true
+ "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
},
"@eslint/eslintrc": {
"version": "0.3.0",
@@ -26271,7 +26262,6 @@
"version": "3.3.2",
"resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
"integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
- "peer": true,
"requires": {
"react-is": "^16.7.0"
},
@@ -26279,8 +26269,7 @@
"react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
- "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
- "peer": true
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
}
}
},
diff --git a/package.json b/package.json
index 04e35d8..e858937 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
"private": true,
"dependencies": {
"@ant-design/icons": "^4.7.0",
+ "@emotion/react": "^11.8.1",
"@emotion/styled": "^11.8.1",
"antd": "^4.17.3",
"immutability-helper": "^3.1.1",
diff --git a/yarn.lock b/yarn.lock
index dbb04f1..309908b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1279,7 +1279,7 @@
"resolved" "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz"
"version" "0.7.5"
-"@emotion/react@^11.0.0-rc.0":
+"@emotion/react@^11.0.0-rc.0", "@emotion/react@^11.8.1":
"integrity" "sha512-XGaie4nRxmtP1BZYBXqC5JGqMYF2KRKKI7vjqNvQxyRpekVAZhb6QqrElmZCAYXH1L90lAelADSVZC4PFsrJ8Q=="
"resolved" "https://registry.npmjs.org/@emotion/react/-/react-11.8.1.tgz"
"version" "11.8.1"
From 8077f281444df7808c772b67ced02a7402b60d98 Mon Sep 17 00:00:00 2001
From: Mad1ad <72143774+Sahaj-Srivastava24@users.noreply.github.com>
Date: Sat, 5 Mar 2022 19:45:55 +0530
Subject: [PATCH 3/3] responsive bars added
Signed-off-by: Mad1ad <72143774+Sahaj-Srivastava24@users.noreply.github.com>
---
src/components/Navbar/Navbar.js | 22 +++++++++++++++++++++-
1 file changed, 21 insertions(+), 1 deletion(-)
diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index 72e92f0..3a7d0e5 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -1,7 +1,7 @@
import React, { useState } from 'react'
import logo from './Logo.png'
import styled from '@emotion/styled'
-import { UserOutlined } from '@ant-design/icons'
+import { UserOutlined, MenuOutlined } from '@ant-design/icons'
const NavbarWrapper = styled.div`
display: flex;
@@ -25,6 +25,17 @@ const LogoDiv = styled.div`
const RightBar = styled.div`
display: flex;
+ & span {
+ display: none;
+ }
+
+ @media (max-width: 1000px) {
+ & span {
+ display: block;
+ position: relative;
+ top: 1rem;
+ }
+ }
`
const List = styled.ul`
@@ -32,6 +43,9 @@ const List = styled.ul`
list-style: none;
margin: 0;
padding: 0;
+ @media (max-width: 1000px) {
+ display: none;
+ }
`
const ListItem = styled.li`
padding: 0.9rem 1.2rem;
@@ -70,6 +84,12 @@ function Navbar() {
+
Problems
Practice