Skip to content

Commit 8426c6a

Browse files
committed
(demo) add github link
1 parent 6efad1d commit 8426c6a

File tree

2 files changed

+29
-0
lines changed

2 files changed

+29
-0
lines changed

demo/src/App.vue

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,11 @@
2424
<div class="button-theme" v-if="showOptions">
2525
<button @click="theme = 'light'" class="button-light">Light</button>
2626
<button @click="theme = 'dark'" class="button-dark">Dark</button>
27+
<button class="button-github">
28+
<a href="https://github.com/antoine92190/vue-advanced-chat">
29+
<img src="@/assets/github.svg" />
30+
</a>
31+
</button>
2732
</div>
2833

2934
<chat-container
@@ -187,6 +192,14 @@ input {
187192
188193
.button-theme {
189194
margin: 10px 10px 0 0;
195+
196+
.button-github {
197+
height: 23px;
198+
199+
img {
200+
height: 23px;
201+
}
202+
}
190203
}
191204
}
192205
@@ -211,6 +224,8 @@ select {
211224
212225
.button-theme {
213226
float: right;
227+
display: flex;
228+
align-items: center;
214229
215230
.button-light {
216231
background: #fff;
@@ -235,6 +250,17 @@ select {
235250
transition: 0.3s;
236251
vertical-align: middle;
237252
253+
&.button-github {
254+
height: 30px;
255+
background: none;
256+
padding: 0;
257+
margin-left: 20px;
258+
259+
img {
260+
height: 30px;
261+
}
262+
}
263+
238264
&:hover {
239265
opacity: 0.8;
240266
}

demo/src/assets/github.svg

Lines changed: 3 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)