ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix styling of logout button

This commit is contained in:
Ramon Wenger 2020-03-30 14:44:27 +02:00
parent 8211b38305
commit bef33cea09
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/components/LogoutWidget.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="logout-widget"> <div class="logout-widget">
<button class="logout-widget__logout" data-cy="logout" @click="logout()">Logout</button> <a class="logout-widget__logout" data-cy="logout" @click="logout()">Logout</a>
</div> </div>
</template> </template>
@ -22,6 +22,7 @@
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss"; @import "@/styles/_variables.scss";
@import "@/styles/_mixins.scss";
.logout-widget { .logout-widget {
color: $color-silver-dark; color: $color-silver-dark;
@ -29,14 +30,8 @@
align-items: center; align-items: center;
&__logout { &__logout {
font-family: $sans-serif-font-family; @include regular-text;
line-height: 16px;
background: none;
color: inherit;
border: none;
padding: 0;
cursor: pointer; cursor: pointer;
outline: inherit;
} }
} }
</style> </style>