fix: footer and header css scope (#49)

* fix: ui fixes for footer

* fix: ui fixes for footer

* fix: ui fixes for footer

* fix: ui fixes for footer v3

Author: nikhiltidke101

custom-implementation/src/components/footer.css

@@ -1,10 +1,10 @@
-.footer a {
+.custom-footer a {
 	text-decoration: none;
 	color: black;
 	cursor: pointer;
 }
 
-.footer html, body, div, applet, object, iframe,
+.custom-footer html, body, div, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
@@ -20,33 +20,30 @@ time, mark, audio, video, button {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font-size: 100%;
-	font: inherit;
 	vertical-align: baseline;
-	line-height: 19px;
 }
 
 
 /* HTML5 display-role reset for older browsers */
-.footer article, aside, details, figcaption, figure, 
+.custom-footer article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
 
-.footer ol, ul {
+.custom-footer ol, ul {
 	list-style: none;
 }
 
-.footer blockquote, q {
+.custom-footer blockquote, q {
 	quotes: none;
 }
 
-.footer blockquote:before, blockquote:after, q:before, q:after {
+.custom-footer blockquote:before, blockquote:after, q:before, q:after {
 	content: '';
 	content: none;
 }
 
-.footer table {
+.custom-footer table {
 	border-collapse: collapse;
 	border-spacing: 0;
 }

custom-implementation/src/components/footer.tsx

@@ -13,10 +13,10 @@ const Footer = ({ list = [], logo, status, compliance, ...rest }: any) => {
   return (
     <ComponentConfigContext.Provider
       value={{
-        origin: 'https://api.docs.devrev.ai',
+        origin: 'https://developer.devrev.ai',
       }}>
       <SharedFooter
-        className="footer"
+        className="custom-footer"
         list={list}
         logo={logo}
         status={status}

custom-implementation/src/components/header.css

@@ -1,8 +1,8 @@
-.header {
+.custom-header {
     background-color: white; 
 }
 
-.header nav a {
+.custom-header nav a {
 	text-decoration: none;
 	color: black;
 	cursor: pointer;

custom-implementation/src/components/header.tsx

@@ -19,15 +19,15 @@ any) => {
     <div>
       <ComponentConfigContext.Provider
         value={{
-          origin: 'https://api.docs.devrev.ai',
+          origin: 'https://developer.devrev.ai',
         }}>
         <SharedHeader
           logo={logo}
           items={links}
           actions={actions}
           version={version}
           collapseOnScroll={collapseOnScroll}
-          wrapperClassName="header"
+          wrapperClassName="custom-header"
         />
       </ComponentConfigContext.Provider>
     </div>