Commit

joshuajoyreji · Mar 18, 2023 · ab40ed3 · ab40ed3
1 parent 609632d
commit ab40ed3
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 39 deletions.
diff --git a/frontend/src/Components/Navbar/Navbar.css b/frontend/src/Components/Navbar/Navbar.css
@@ -17,15 +17,19 @@ body {
 }
 
 .nav > .nav-header {
-  display: inline;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  gap: 10px;
+  align-items: center;
 }
 
-.nav > .nav-header > .nav-title {
+.nav > .nav-header > .nav-title> a {
   display: inline-block;
   font-size: 22px;
   color: #fff;
-  padding: 10px 10px 10px 10px;
- 
+  text-decoration: none;
+
 }
 
 .nav > .nav-btn {

diff --git a/frontend/src/Components/Navbar/Navbar.js b/frontend/src/Components/Navbar/Navbar.js
@@ -3,33 +3,33 @@ import './Navbar.css';
 import translogo from '../../Images/translogo.png'
 
 const Navbar = () => {
-  return (
-    <div class="nav">
-      <input type="checkbox" id="nav-check" />
-      <div class="nav-header">
-        <img class='logo' src={translogo} />
-        <div class="nav-title">
-          <a href="/" target="_self" className='btn0'>
-            <span class="replies">H-oracle</span>
-          </a>
-        </div>
-      </div>
-      <div class="nav-btn">
-        <label for="nav-check">
-          <span></span>
-          <span></span>
-          <span></span>
-        </label>
-      </div>
+    return (
+        <div class="nav">
+            <input type="checkbox" id="nav-check" />
+            <div class="nav-header">
+                <img class='logo' src={translogo} />
+                <div class="nav-title">
+                    <a href="/" target="_self" className='btn0'>
+                        <span class="replies">H-oracle</span>
+                    </a>
+                </div>
+            </div>
+            <div class="nav-btn">
+                <label for="nav-check">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </label>
+            </div>
 
-      <div class="nav-links">
-        <a href="/login" target="_self" className='btn1'>
-          <span class="replies">Login</span>
-          <span class="comments"></span>
-        </a>
-      </div>
-    </div >
-  )
+            <div class="nav-links">
+                <a href="/login" target="_self" className='btn1'>
+                    <span class="replies">Login</span>
+                    <span class="comments"></span>
+                </a>
+            </div>
+        </div >
+    )
 }
 
-export default Navbar
+export default Navbar
diff --git a/frontend/src/pages/Details/details.css b/frontend/src/pages/Details/details.css
@@ -2,19 +2,15 @@
     text-align: center;
     padding-top: 20px;
 }
-/* .container{
-    background-color: black;
+.container{
     color: white;
-} */
+}
 .bs, .re, .cp, .mv{
     padding-left: 5px;
 }
-/* 
+
 .whole{
    background-image: url(../../Images/heart.png);
    background-size:cover;
-   height: 100%;
+min-height: 100vh;   
 }
-.footer{
-    background-color: black;
-} */
diff --git a/frontend/src/pages/Home/Home.css b/frontend/src/pages/Home/Home.css
@@ -0,0 +1,8 @@
+.content{
+    background-image: url(../../Images/heart.png);
+    background-size: cover;
+min-height: 100vh;
+}
+.details{
+    color: #fff;
+}