回答編集履歴
1
誤字修正
answer
CHANGED
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
Vuetifyは結構スタイルを厳しめに縛ってくるライブラリであまり融通が利く印象はありません。
|
|
47
47
|
ですので私が知る限りにはなりますが、柔軟に表示を変更するためにはVuetifyコンポーネント側のスタイルを無理やりいじる必要が出てきます。
|
|
48
48
|
|
|
49
|
-
今回、チェックボックスとボタンが入っている`<v-date-picker>`内は`display: flex;` `flex-direction: row;` のスタイルがかかっています。このことは、ブラウザのデベロッパーツールで
|
|
49
|
+
今回、チェックボックスとボタンが入っている`<v-date-picker>`内は`display: flex;` `flex-direction: row;` のスタイルがかかっています。このことは、ブラウザのデベロッパーツールで該当の要素部分を見てあげると、添付スクリーンショットのように把握することができます。
|
|
50
50
|
もし上記のCSSプロパティについてご存じなければ簡単にググっていただければと思いますが、このことから子要素に対して`width: 100%`など設定しても縦に配置することはできないことが分かります。
|
|
51
51
|
|
|
52
52
|
|