riedler/akkoma-fe
1
0
Fork 0
forked from domi/akkoma-fe
Code Issues 1 Pull requests Activity

post: apply gradient to button

Browse source
This commit is contained in:
Dominika Liberda 2023-05-26 17:28:19 +02:00
parent 62ac27ee4e
commit 74063da2ec
3 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/App.scss
View file

@ -836,3 +836,10 @@ option {
.fade-leave-active {
opacity: 0;
}
.pride-gradient {
background-image: linear-gradient(to left, #e40303, #ff8c00, #ffed00, #008026, #004dff, #750787);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}

2
src/components/announcements_page/announcements_page.vue
View file

@ -21,7 +21,7 @@
</div>
<div class="footer">
<button
class="btn button-default post-button"
class="btn button-default post-button pride-gradient"
:disabled="posting"
@click.prevent="postAnnouncement"
>

6
src/components/post_status_form/post_status_form.vue
View file

@ -280,14 +280,14 @@
<button
v-if="posting"
disabled
class="btn button-default"
class="btn button-default pride-gradient"
>
{{ $t('post_status.posting') }}
</button>
<button
v-else-if="isOverLengthLimit"
disabled
class="btn button-default"
class="btn button-default pride-gradient"
>
{{ $t('post_status.post') }}
</button>
@ -298,7 +298,7 @@
<button
v-else
:disabled="uploadingFiles || disableSubmit"
class="btn button-default"
class="btn button-default pride-gradient"
@click.stop.prevent="postStatus($event, newStatus)"
>
{{ $t('post_status.post') }}