くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Buefy

Buefyのb-iconをiconifyに置き換えてみる

Nuxt2のプロジェクトのNuxt3化をしてる途中。 nuxt-modules/iconが使いたいけど、 Nuxt2には対応していないよう。。 とりあえず、Nuxt2でIconifyを使える用意して、 Buefyのb-iconを置き換えれるようにしたときの備忘録。 iconifyの導入 Iconify for Vue 2 I…

Bulmaのカラーテーマ「bulmaswatch」をBuefyで使ってみる

普段Bulmaを使っているけど、カラーテーマないかなと思ってたら、 Bulmaswatchというのを見つけたのでその備忘録。 インストール まずは、bulmaswatchをインストール $ npm install bulmaswatch cssに組み込む BuefyのCustomizationに従い、SCSSを用意。 そ…

BuefyのDatePickerをModal内で使うと一部隠れてしまう

Buefyを使って開発をしているけど、 BulmaのModal内でDatePickerを使うとモーダル内に隠れてしまって、うまく表示されないことがあるので、その時の備忘録。 GitHubのIssue(#292)で書かれていて、こんな感じのCSSを追加するとよいらしい。 overflowがautoに…

FontAwesome5をNuxt+Buefy(Bulma)で使えるようにする

以前の記事でvue-fontawesomeを使って、FontAwesome5を使えるようにしたけど、 nuxt-fontawesomeというもっと便利なのがあったので、試してみたときの備忘録。 便利だけでどデフォルトをFontAwesomeにしないといけないっぽい感じなので、併用していると難し…