refs #2606 Use vue-fontawesome in Contents/Lists

This commit is contained in:
AkiraFukushima 2022-04-04 21:56:00 +09:00
parent 1208d84a9d
commit 421ddb0641
No known key found for this signature in database
GPG Key ID: B6E51BAC4DE1A957
3 changed files with 8 additions and 6 deletions

View File

@ -2,7 +2,7 @@
<div class="members">
<div class="add-account">
<el-button type="text" class="add-button" @click="addAccount">
<icon name="plus"></icon>
<font-awesome-icon icon="plus" />
</el-button>
</div>
<template v-for="account in members">

View File

@ -4,7 +4,7 @@
<el-form :inline="true">
<input v-model="title" :placeholder="$t('lists.index.new_list')" class="list-title" />
<el-button type="text" class="create" @click="createList">
<icon name="plus"></icon>
<font-awesome-icon icon="plus" />
</el-button>
</el-form>
</div>
@ -14,10 +14,10 @@
</router-link>
<div class="tools">
<el-button type="text" @click="edit(list)">
<icon name="regular/edit"></icon>
<font-awesome-icon :icon="['far', 'edit']" />
</el-button>
<el-button type="text" @click="del(list)">
<icon name="regular/trash-alt"></icon>
<font-awesome-icon icon="['far', 'trash-can']" />
</el-button>
</div>
</div>

View File

@ -45,7 +45,7 @@ import {
faQuoteRight,
faThumbTack
} from '@fortawesome/free-solid-svg-icons'
import { faFaceSmile, faPenToSquare } from '@fortawesome/free-regular-svg-icons'
import { faFaceSmile, faPenToSquare, faEdit, faTrashCan } from '@fortawesome/free-regular-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'
@ -109,7 +109,9 @@ library.add(
faUserPlus,
faCheck,
faQuoteRight,
faThumbTack
faThumbTack,
faEdit,
faTrashCan
)
Vue.use(ElementUI, { locale })