質問編集履歴
4
リンクの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
ナビゲーションバーは[公式](https://vuetifyjs.com/ja/components/
|
|
29
|
+
ナビゲーションバーは[公式](https://vuetifyjs.com/ja/components/app-bars/)の中から以下を使用しました。
|
|
30
30
|
|
|
31
31
|
[使用したナビゲーションバー](https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/app-bars/simple/dense.vue)
|
|
32
32
|
|
3
現在の状態の画像を追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -40,6 +40,14 @@
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
+
##現在の状態
|
|
44
|
+
|
|
45
|
+
カーソルを当てるとこのように枠が出るのですが、何もしていないと下のテキストエリアの部分のように枠線がない状態になっています。
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
43
51
|
### 該当のソースコード
|
|
44
52
|
|
|
45
53
|
|
2
リンクを追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,17 +20,15 @@
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
https://youtu.be/VaI9tV8GQFk
|
|
24
|
-
|
|
25
|
-
|
|
23
|
+
[参考にした動画](https://youtu.be/VaI9tV8GQFk)をもとにLaravel&Vue.jsの環境でナビゲーションバーをVuetifyを使い作成しました。
|
|
26
24
|
|
|
27
25
|
Vuetifyのナビゲーションバーの導入自体は出来たのですがその際に元々あったinput, button, selectタグの枠線が消えてしまいました。
|
|
28
26
|
|
|
29
27
|
|
|
30
28
|
|
|
31
|
-
ナビゲーションバーは公式
|
|
29
|
+
ナビゲーションバーは[公式](https://vuetifyjs.com/ja/components/navigation-drawers/)の中から以下を使用しました。
|
|
32
|
-
|
|
30
|
+
|
|
33
|
-
https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/app-bars/simple/dense.vue
|
|
31
|
+
[使用したナビゲーションバー](https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/app-bars/simple/dense.vue)
|
|
34
32
|
|
|
35
33
|
|
|
36
34
|
|
1
前提・実現したいことの項目に使用したナビゲーションバーについて追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,6 +28,12 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
+
ナビゲーションバーは公式（https://vuetifyjs.com/ja/components/navigation-drawers/）の中から以下を使用しました。
|
|
32
|
+
|
|
33
|
+
https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/app-bars/simple/dense.vue
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
31
37
|
### 確認したこと
|
|
32
38
|
|
|
33
39
|
Chromeのデベロッパツールで確認したところ、各要素にborder-style: none;が適応されているようで、mix('js/app.js')で読み込んでいるVuetifyをコメントアウトしたら枠線の表示はされたのでこれが原因というところまでは分かりました。
|