diff options
Diffstat (limited to 'src/components/settings_modal/tabs')
4 files changed, 24 insertions, 14 deletions
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue index 786f3618..ff1a129b 100644 --- a/src/components/settings_modal/tabs/filtering_tab.vue +++ b/src/components/settings_modal/tabs/filtering_tab.vue @@ -53,7 +53,7 @@ <option value="following">{{ $t('settings.reply_visibility_following') }}</option> <option value="self">{{ $t('settings.reply_visibility_self') }}</option> </select> - <FAIcon class="icon-down-open" icon="chevron-down" /> + <FAIcon class="select-down-icon" icon="chevron-down" /> </label> </div> <div> diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue index 2ab6b314..99d3a0dc 100644 --- a/src/components/settings_modal/tabs/general_tab.vue +++ b/src/components/settings_modal/tabs/general_tab.vue @@ -103,7 +103,7 @@ {{ subjectLineBehaviorDefaultValue == 'noop' ? $t('settings.instance_default_simple') : '' }} </option> </select> - <FAIcon class="icon-down-open" icon="chevron-down" /> + <FAIcon class="select-down-icon" icon="chevron-down" /> </label> </div> </li> @@ -127,7 +127,7 @@ {{ postContentTypeDefaultValue === postFormat ? $t('settings.instance_default_simple') : '' }} </option> </select> - <FAIcon class="icon-down-open" icon="chevron-down" /> + <FAIcon class="select-down-icon" icon="chevron-down" /> </label> </div> </li> diff --git a/src/components/settings_modal/tabs/theme_tab/preview.vue b/src/components/settings_modal/tabs/theme_tab/preview.vue index c8cb2665..65863c54 100644 --- a/src/components/settings_modal/tabs/theme_tab/preview.vue +++ b/src/components/settings_modal/tabs/theme_tab/preview.vue @@ -39,19 +39,23 @@ </i18n> <div class="icons"> - <i + <FAIcon + fixed-width style="color: var(--cBlue)" - class="button-icon icon-reply" + class="button-icon" icon="reply" /> - <i + <FAIcon + fixed-width style="color: var(--cGreen)" - class="button-icon icon-retweet" + class="button-icon" icon="retweet" /> - <i + <FAIcon + fixed-width style="color: var(--cOrange)" - class="button-icon icon-star" + class="button-icon" icon="star" /> - <i + <FAIcon + fixed-width style="color: var(--cRed)" class="button-icon" icon="times" /> @@ -106,11 +110,17 @@ <script> import { library } from '@fortawesome/fontawesome-svg-core' import { - faTimes + faTimes, + faStar, + faRetweet, + faReply } from '@fortawesome/free-solid-svg-icons' library.add( - faTimes + faTimes, + faStar, + faRetweet, + faReply ) </script> diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue b/src/components/settings_modal/tabs/theme_tab/theme_tab.vue index fb8b16ae..9cc1c392 100644 --- a/src/components/settings_modal/tabs/theme_tab/theme_tab.vue +++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.vue @@ -80,7 +80,7 @@ {{ style[0] || style.name }} </option> </select> - <FAIcon class="icon-down-open" icon="chevron-down" /> + <FAIcon class="select-down-icon" icon="chevron-down" /> </label> </div> </template> @@ -907,7 +907,7 @@ {{ $t('settings.style.shadows.components.' + shadow) }} </option> </select> - <FAIcon class="icon-down-open" icon="chevron-down" /> + <FAIcon class="select-down-icon" icon="chevron-down" /> </label> </div> <div class="override"> |