refs #2606 Use vue-fontawesome in HeaderMenu

This commit is contained in:
AkiraFukushima 2022-03-27 01:43:19 +09:00
parent 8a814f0144
commit 49ea20c10b
No known key found for this signature in database
GPG Key ID: B6E51BAC4DE1A957
2 changed files with 12 additions and 7 deletions

View File

@ -6,10 +6,10 @@
<div class="tools">
<img src="../../assets/images/loading-spinner-wide.svg" v-show="loading" class="header-loading" />
<el-button type="text" class="action" @click="openNewTootModal" :title="$t('header_menu.new_toot')">
<icon name="regular/edit" scale="1.1"></icon>
<font-awesome-icon :icon="['far', 'pen-to-square']" />
</el-button>
<el-button v-show="reloadable()" type="text" class="action" @click="reload" :title="$t('header_menu.reload')">
<icon name="sync-alt"></icon>
<font-awesome-icon icon="rotate" />
</el-button>
<el-popover placement="left-start" width="180" popper-class="theme-popover" trigger="click" v-model="TLOptionVisible">
<div>
@ -24,11 +24,11 @@
</el-form>
</div>
<el-button v-show="TLOption()" slot="reference" type="text" class="action" :title="$t('header_menu.option.title')">
<icon name="sliders-h"></icon>
<font-awesome-icon icon="sliders" />
</el-button>
</el-popover>
<el-button type="text" class="action" @click="settings" :title="$t('header_menu.settings')">
<icon name="cog" scale="1.1"></icon>
<font-awesome-icon icon="gear" />
</el-button>
</div>
</nav>

View File

@ -36,9 +36,11 @@ import {
faNetworkWired,
faLanguage,
faAlignLeft,
faFilter
faFilter,
faRotate,
faSliders
} from '@fortawesome/free-solid-svg-icons'
import { faFaceSmile } from '@fortawesome/free-regular-svg-icons'
import { faFaceSmile, faPenToSquare } from '@fortawesome/free-regular-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'
@ -92,7 +94,10 @@ library.add(
faNetworkWired,
faLanguage,
faAlignLeft,
faFilter
faFilter,
faPenToSquare,
faRotate,
faSliders
)
Vue.use(ElementUI, { locale })