メンバー入力コンポーネント #33
メンバー入力コンポーネント #33
Conversation
| width: 24px; | ||
| height: 24px; | ||
| background-color: $color-secondary; | ||
| mask: url('/icons/account.svg') no-repeat center center; |
There was a problem hiding this comment.
アイコンをiconifyから読みたかったけどいい感じにする方法がわからず/icons/account.svgを追加しました。
There was a problem hiding this comment.
https://icon-sets.iconify.design/mdi/account/
の画像のところにそれっぽいURLがありそうですがどうですか？:eyes:
There was a problem hiding this comment.
ここだけ https://api.iconify.design にリクエストが飛ぶ形になってしまうので迷ってます。 他のiconifyのsvgは、プラグインで埋め込まれた状態になってます。
There was a problem hiding this comment.
CSSでハックする感じだと今の状態が一番よさそうです
src/components/UI/UserIcon.vue
Outdated
| <template> | ||
| <img | ||
| :class="$style.icon" | ||
| :src="'https://q.trap.jp/api/v3/public/icon/toshi00'" |
| width: 24px; | ||
| height: 24px; | ||
| background-color: $color-secondary; | ||
| mask: url('/icons/account.svg') no-repeat center center; |
There was a problem hiding this comment.
https://icon-sets.iconify.design/mdi/account/
の画像のところにそれっぽいURLがありそうですがどうですか？:eyes:
| width: 24px; | ||
| height: 24px; | ||
| background-color: $color-secondary; | ||
| mask: url('/icons/account.svg') no-repeat center center; |
There was a problem hiding this comment.
CSSでハックする感じだと今の状態が一番よさそうです
src/components/UI/UserIcon.vue
Outdated
| <script lang="ts" setup> | ||
| import { computed } from 'vue' | ||
| interface Props { | ||
| name: string |
There was a problem hiding this comment.
traQID (toshi00とか)が入って、userIconを表示するのに使うつもりです。mockだと存在しないIDが返ってくるのでとりあえずtoshi00を表示してます。
あー、あとで直す必要があるのでTODOかissueつけといた方が良いかもですね👀
There was a problem hiding this comment.
TODOあるとうれしい 🎉
userIdの方が意図がつたわりそう？
やったこと
メンバー入力のコンポーネントを作った
あとでやること
close #25