chore: Use button component in ReplyBox

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
This commit is contained in:
Nithin David Thomas
2021-06-09 14:01:43 +05:30
committed by GitHub
parent 8a0afb912c
commit f79e489a0a
7 changed files with 117 additions and 139 deletions

View File

@@ -14,19 +14,17 @@
</div>
<div class="actions">
<woot-button
variant="clear"
variant="smooth"
size="small"
icon="ion-compose"
color-scheme="secondary"
class-names="button--emoji"
@click="onEdit"
/>
<woot-button
variant="clear"
variant="smooth"
size="small"
icon="ion-trash-b"
color-scheme="secondary"
class-names="button--emoji"
@click="onDelete"
/>
</div>
@@ -111,12 +109,12 @@ export default {
.actions {
display: flex;
visibility: hidden;
}
.button--emoji {
margin-left: var(--space-small);
height: var(--space-medium);
width: var(--space-medium);
.button {
margin-left: var(--space-small);
height: var(--space-medium);
width: var(--space-medium);
}
}
}

View File

@@ -23,20 +23,18 @@
</div>
<div class="actions">
<woot-button
variant="clear"
variant="smooth"
size="small"
icon="ion-compose"
color-scheme="secondary"
class-names="button--emoji"
class="action-button"
@click="onEdit"
/>
<woot-button
variant="clear"
variant="smooth"
size="small"
icon="ion-trash-b"
color-scheme="secondary"
class-names="button--emoji"
class="action-button"
@click="onDelete"
/>