change some tage in home and attr href to make request and edit some …

…styel Relates #25
GSG-G7 · Aug 21, 2019 · 70073cc · 70073cc
1 parent ae5a39d
commit 70073cc
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 16 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -36,7 +36,7 @@ html {
   cursor: pointer;
 }
 
-.main__content {
+.main {
   min-height: 80vh;
   width: 100%;
   background-color: #dcdde1;
@@ -54,10 +54,14 @@ html {
   transform: translate(-50%, -50%);
 }
 
-.all-books > button {
+.all-books > a {
+  display: block;
+  line-height: 150px;
+  text-align: center;
+  text-decoration: none;
   width: 24%;
   height: 150px;
-  padding: 3px 5px;
+  padding: 0;
   font-size: 20px;
   border-radius: 5px;
   border: 2px solid #192a56;
@@ -67,7 +71,7 @@ html {
   box-shadow: 2px 4px 10px #000;
 }
 
-.all-books > button:hover {
+.all-books > a:hover {
   background-color: #192a56;
   color: #fff;
   border: 2px solid #0a1021;

diff --git a/src/views/home.hbs b/src/views/home.hbs
@@ -1,10 +1,6 @@
-<main class="main">
-  <div class="main__content">
-    <section class="all-books">
-      <button class="add-book-btn">Add Book</button>
-      <button class="all-books-btn">Get All Books</button>
-      <button class="available-btn">Get Available Books</button>
-      <button class="reserved-btn">Get Reserved Books</button>
-    </section>
-  </div>
-</main>
+<section class="all-books">
+  <a href="/add-books" class="add-book-btn">Add Book</a>
+  <a href="/allbooks" class="all-books-btn">Get All Books</a>
+  <a href="/available-books" class="available-btn">Get Available Books</a>
+  <a href="/reserved-books" class="reserved-btn">Get Reserved Books</a>
+</section>
diff --git a/src/views/layouts/main.hbs b/src/views/layouts/main.hbs
@@ -14,8 +14,9 @@
 <body>
 
   {{> header}}
-
-  {{{body}}}
+  <main class="main">
+    {{{body}}}
+  </main>
 
   {{> footer}}