add pic, update FE pic

yennanliu · Dec 6, 2023 · c7d433b · c7d433b
1 parent b547e01
commit c7d433b
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 4 deletions.
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/assets/home3.png b/ShoppingCart/Frondend/ecommerce-ui/src/assets/home3.png
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/assets/icon2.png b/ShoppingCart/Frondend/ecommerce-ui/src/assets/icon2.png
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar.vue b/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar.vue
@@ -2,7 +2,7 @@
   <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
     <!--    Logo-->
     <router-link class="navbar-brand" :to="{ name: 'Home' }">
-      <img id="logo" src="../assets/icon.png" />
+      <img id="logo" src="../assets/icon2.png" />
     </router-link>
 
     <!--    Burger Button-->

diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar2.vue b/ShoppingCart/Frondend/ecommerce-ui/src/components/Navbar2.vue
@@ -0,0 +1,37 @@
+<template>
+  <nav>
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link> |
+    <router-link to="/category">Category</router-link> |
+    <router-link to="/wishlist">Wishlist</router-link> |
+    <router-link to="/product">Product</router-link> |
+    <router-link to="/admin/category">Category (admin)</router-link> |
+    <router-link to="/admin/wishlist">Wishlist (admin)</router-link> |
+    <router-link to="/admin/product">Product (admin)</router-link> |
+    <router-link to="/order">Order</router-link> |
+    <router-link to="/cart">Cart</router-link> |
+    <router-link to="/signup">Signup</router-link> |
+    <router-link to="/signin">Signin</router-link>
+  </nav>
+</template>
+
+<script>
+export default {
+  // You can add any logic specific to the navbar here
+};
+</script>
+
+<style scoped>
+/* Add your styling for the navbar here */
+nav {
+  background-color: #333;
+  padding: 10px;
+  color: white;
+  text-align: center;
+}
+router-link {
+  margin: 0 10px;
+  color: white;
+  text-decoration: none;
+}
+</style>
diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/views/Home.vue b/ShoppingCart/Frondend/ecommerce-ui/src/views/Home.vue
@@ -76,7 +76,7 @@
     }
   
     #background-div {
-      background: url(../assets/home.png)
+      background: url(../assets/home3.png)
     }
   
     #heading {

diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/views/Signin.vue b/ShoppingCart/Frondend/ecommerce-ui/src/views/Signin.vue
@@ -8,7 +8,7 @@
     <div class="row">
       <div class="col-12 text-center pt-3">
         <router-link :to="{ name: 'Home' }">
-          <img id="logo" src="../assets/icon.png" />
+          <img id="logo" src="../assets/icon2.png" />
         </router-link>
       </div>
     </div>

diff --git a/ShoppingCart/Frondend/ecommerce-ui/src/views/Signup.vue b/ShoppingCart/Frondend/ecommerce-ui/src/views/Signup.vue
@@ -7,7 +7,7 @@
     <div class="row">
       <div class="col-12 text-center pt-3">
         <router-link :to="{ name: 'Home' }">
-          <img id="logo" src="../assets/icon.png" />
+          <img id="logo" src="../assets/icon2.png" />
         </router-link>
       </div>
     </div>