Skip to content

Commit 3ef05fd

Browse files
Honey ThakuriaHoney Thakuria
Honey Thakuria
authored and
Honey Thakuria
committed
Vue Search and hover effect
1 parent 9d28616 commit 3ef05fd

File tree

12 files changed

+596
-142
lines changed

12 files changed

+596
-142
lines changed

‎package-lock.json‎

Lines changed: 212 additions & 56 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,11 @@
88
"lint": "vue-cli-service lint"
99
},
1010
"dependencies": {
11+
"axios": "^0.18.0",
12+
"bootstrap-vue": "^2.0.0-rc.11",
1113
"vue": "^2.5.17",
1214
"vue-router": "^3.0.1",
15+
"vue-star-rating": "^1.6.1",
1316
"vuex": "^3.0.1"
1417
},
1518
"devDependencies": {

‎public/index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
77
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
89
<title>rupeek</title>
910
</head>
1011
<body>

‎src/App.vue‎

Lines changed: 36 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<div id="app">
3-
<div id="nav">
3+
<!-- <div id="nav">
44
<router-link to="/">Home</router-link> |
55
<router-link to="/about">About</router-link>
6-
</div>
6+
</div> -->
77
<router-view/>
88
</div>
99
</template>
@@ -13,19 +13,44 @@
1313
font-family: 'Avenir', Helvetica, Arial, sans-serif;
1414
-webkit-font-smoothing: antialiased;
1515
-moz-osx-font-smoothing: grayscale;
16-
text-align: center;
17-
color: #2c3e50;
16+
17+
}
18+
19+
*{
20+
padding: 0;
21+
margin: 0;
22+
box-sizing: border-box;
23+
}
24+
25+
.pad-15-hor{
26+
padding-left:15px;
27+
padding-right:15px;
28+
}
29+
30+
.pad-15-ver{
31+
padding-top:15px;
32+
padding-bottom: 15px;
1833
}
19-
#nav {
20-
padding: 30px;
34+
35+
.green{
36+
color: green;
2137
}
2238
23-
#nav a {
24-
font-weight: bold;
25-
color: #2c3e50;
39+
@media screen and (max-width:550px) {
40+
41+
.min-width-160{
42+
min-width: 160px;
2643
}
2744
28-
#nav a.router-link-exact-active {
29-
color: #42b983;
45+
.max-width-160{
46+
max-width:160px;
47+
overflow: hidden;
48+
text-overflow: ellipsis;
49+
word-break: break-all;
50+
text-align:right;
3051
}
52+
53+
}
54+
55+
3156
</style>

‎src/assets/rupeek.svg‎

Lines changed: 63 additions & 0 deletions
Loading

‎src/components/Header.vue‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<template>
2+
<div class="pad-15-hor pad-15-ver header">
3+
<div> <img src="@/assets/rupeek.svg" width="100px"> </div>
4+
<div> <i class="fas fa-bars"></i> </div>
5+
</div>
6+
</template>
7+
8+
9+
10+
<script>
11+
export default {
12+
name:"Header"
13+
}
14+
</script>
15+
16+
17+
<style>
18+
19+
</style>
20+
21+

‎src/components/HelloWorld.vue‎

Lines changed: 0 additions & 58 deletions
This file was deleted.

0 commit comments

Comments
 (0)