ServiceAccordion の実装 #53
Conversation
src/components/UI/BaseSelect.vue
Outdated
| .item { | ||
| display: grid; | ||
| grid-template-columns: 24px 1fr; | ||
| gap: 8px; | ||
| .icon { | ||
| color: $color-primary; | ||
| } | ||
| .label { | ||
| grid-column: 2; | ||
| } | ||
| } |
There was a problem hiding this comment.
どの部分を指してますか？（Homepageとかの文字列が入ってくるlabelの部分ですか？）
勘違いしてました:pray: 解決しました
| </v-select> | ||
| </template> | ||
|
|
||
| <style lang="scss" module> |
There was a problem hiding this comment.
選択したときの選択した感と、カーソル当てたときの検索できる感があんまりない気がするのでcursorを選択肢をホバーしたときにpointer、selectbox自体にカーソル当てたときにtextにするのがいい気がします(これデフォルトでなってた気がするんですけどどこかで消してますっけ)
There was a problem hiding this comment.
良さそうなのでやっておきます○
（デフォルトで
[aria-controls] {
cursor: pointer;
}
になってて、これがまずそう？）
| </script> | ||
|
|
||
| <template> | ||
| <base-select v-model="value" :options="options" searchable /> |
There was a problem hiding this comment.
optionsについてなんですけど、この前同じサービスに対して複数アカウントを登録できなくしたので、既に登録してあるサービスを除外したい感があります
There was a problem hiding this comment.
登録済みのサービスはdisableな見た目にして選択できない感じですかね？
（もしくは、完全に表示しない）
There was a problem hiding this comment.
完全に表示しないのを想定していましたが、いい感じのUIにできそうであればdisableな見た目にした方が分かりやすいかもです🤨
|
スクロールバーがあるせいで、角丸のボーダーが隠れちゃってて微妙な感じになってる はみ出た部分をhiddenで隠すほうが嬉しそうだけど、DOM構造的に vue-select側を修正しなきゃいけなくて大変そう>< or ......vue-selectを使うのをやめる？
|
#46 でスクロールバーのCSS変更すると思うのでそのときにいい感じにすれば良さそうです？ |
|
とりあえず、登録済みのサービスを表示しないようにしました |
|
|
||
| interface Props { | ||
| modelValue: AccountType | ||
| registered: AccountType[] |
There was a problem hiding this comment.
optionalにしてデフォルトで空配列にしてもよさそうです👀
There was a problem hiding this comment.
遅くなりました:pray:デフォルトで空配列にしました
close #29
ServiceAccordion を実装しました
確認方法
どのページにも実装されていないので、適当に表示してください:pray: