File tree Expand file tree Collapse file tree 2 files changed +29
-0
lines changed
Expand file tree Collapse file tree 2 files changed +29
-0
lines changed Original file line number Diff line number Diff line change 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 }
You can’t perform that action at this time.
0 commit comments