aboutsummaryrefslogtreecommitdiff
path: root/src/components/status/status.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2020-10-28 21:31:16 +0200
committerHenry Jameson <me@hjkos.com>2020-10-28 21:31:16 +0200
commitb6cf2bcefd5ddd20c11ee4b0d0f94e29e8f59c40 (patch)
tree256acfc82023d3c15c6dcba9708464db50ed981a /src/components/status/status.vue
parenteb04ed865e1afd7cede44017deb13298a8aa76dd (diff)
improved the semantics for our icon scale, fixed preview, fixed navbar desktop
Diffstat (limited to 'src/components/status/status.vue')
-rw-r--r--src/components/status/status.vue24
1 files changed, 9 insertions, 15 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index c94862d4..21412faa 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -11,7 +11,7 @@
>
{{ error }}
<span
- class="button-icon"
+ class="fa-scale-110 fa-old-padding"
@click="clearError"
>
<FAIcon icon="times" />
@@ -22,7 +22,7 @@
<small class="status-username">
<FAIcon
v-if="muted && retweet"
- class="button-icon repeat-icon"
+ class="fa-scale-110 fa-old-padding repeat-icon"
icon="retweet"
/>
<router-link :to="userProfileLink">
@@ -49,13 +49,12 @@
</small>
<a
href="#"
- class="unmute button-icon"
+ class="unmute fa-scale-110 fa-old-padding"
@click.prevent="toggleMute"
>
<FAIcon
icon="eye-slash"
- class="button-icon"
- size="lg"
+ class="fa-scale-110 fa-old-padding"
/>
</a>
</div>
@@ -186,9 +185,8 @@
:title="status.visibility | capitalize"
>
<FAIcon
- class="button-icon"
+ class="fa-scale-110 fa-old-padding"
:icon="visibilityIcon(status.visibility)"
- size="lg"
/>
</span>
<a
@@ -199,9 +197,8 @@
title="Source"
>
<FAIcon
- class="button-icon"
+ class="fa-scale-110 fa-old-padding"
icon="external-link-square-alt"
- size="lg"
/>
</a>
<a
@@ -211,9 +208,8 @@
@click.prevent="toggleExpanded"
>
<FAIcon
- class="button-icon"
+ class="fa-scale-110 fa-old-padding"
icon="plus-square"
- size="lg"
/>
</a>
<a
@@ -223,8 +219,7 @@
>
<FAIcon
icon="eye-slash"
- class="button-icon"
- size="lg"
+ class="fa-scale-110 fa-old-padding"
/>
</a>
</span>
@@ -249,9 +244,8 @@
@click.prevent="gotoOriginal(status.in_reply_to_status_id)"
>
<FAIcon
- class="button-icon"
+ class="fa-scale-110 fa-old-padding"
icon="reply"
- size="lg"
flip="horizontal"
/>
<span