質問編集履歴

3

修正

2019/06/29 17:02

投稿

toll_tree
toll_tree

スコア199

test CHANGED
File without changes
test CHANGED
@@ -192,4 +192,4 @@
192
192
 
193
193
  ### 補足情報(FW/ツールのバージョンなど)
194
194
 
195
- htmlにはテンプレートエンジン(blade)を使用しています。
195
+ windows10

2

追記及び修正

2019/06/29 17:02

投稿

toll_tree
toll_tree

スコア199

test CHANGED
File without changes
test CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  ```
26
26
 
27
- <div class="reserve_time_list">
27
+ <div class="reserve_time_list">
28
28
 
29
29
  <div class="reserve_time_block flex">
30
30
 
@@ -34,45 +34,39 @@
34
34
 
35
35
  <p>10:00</p>
36
36
 
37
- @if('10:00' == $occupied)
37
+ <form action="/reserve/infomation" method="post">
38
38
 
39
- <p>✖</p>
39
+ <input type="hidden" name="_token" value="KHhCnasV3mMYEnTDD0mejYMddjjvJik6sbBgfHqG">
40
40
 
41
- @else
41
+ <input type="hidden" name="time" type="submit" value="10:00">
42
42
 
43
- <form action="/reserve/infomation" method="post">
43
+ <input type="hidden" name="date" type="submit" value="">
44
44
 
45
- {{ csrf_field() }}
45
+ <input type="hidden" name="dayOfWeek" type="submit" value="">
46
46
 
47
47
  <input class="calendar_button" type="submit" value="〇">
48
48
 
49
49
  </form>
50
50
 
51
- @endif
52
-
53
- </div>
51
+ </div>
54
52
 
55
53
  <div class="reserve_right reserve_status">
56
54
 
57
55
  <p>10:30</p>
58
56
 
59
- @if('10:30' == $occupied)
57
+ <form action="/reserve/infomation" method="post">
60
58
 
61
- <p>✖</p>
59
+ <input type="hidden" name="_token" value="KHhCnasV3mMYEnTDD0mejYMddjjvJik6sbBgfHqG">
62
60
 
63
- @else
61
+ <input type="hidden" type="submit" value="10:30">
64
62
 
65
- <form action="/reserve/infomation" method="post">
63
+
66
-
67
- {{ csrf_field() }}
68
64
 
69
65
  <input class="calendar_button" type="submit" value="〇">
70
66
 
71
67
  </form>
72
68
 
73
- @endif
74
-
75
- </div>
69
+ </div>
76
70
 
77
71
  </div>
78
72
 
@@ -80,9 +74,29 @@
80
74
 
81
75
  </div>
82
76
 
77
+
78
+
83
79
  ```
84
80
 
85
81
  ```css
82
+
83
+ .body{
84
+
85
+ margin:0;
86
+
87
+ }
88
+
89
+ p{
90
+
91
+ margin:0;
92
+
93
+ }
94
+
95
+ ul{
96
+
97
+ list-style:none;
98
+
99
+ }
86
100
 
87
101
  .reserve_time_list p{
88
102
 

1

追記

2019/06/29 16:56

投稿

toll_tree
toll_tree

スコア199

test CHANGED
File without changes
test CHANGED
@@ -136,6 +136,42 @@
136
136
 
137
137
  }
138
138
 
139
+ .calendar_button:hover{
140
+
141
+ background:none;
142
+
143
+ background:linear-gradient(to bottom,#d3d2d2,silver 50%,#afafaf);
144
+
145
+
146
+
147
+ }
148
+
149
+
150
+
151
+ .calendar_button{
152
+
153
+ background:linear-gradient(to bottom,#f3f3f3,#e2e2e2 50%,#d1d1d1);
154
+
155
+ background-color:#d1d1d1;
156
+
157
+ width: 53px;
158
+
159
+ height: 31px;
160
+
161
+ border: 1px solid silver;
162
+
163
+ border-radius:3px;
164
+
165
+ margin-left:6px;
166
+
167
+ color:#6ea1ff;
168
+
169
+ margin-bottom:3px;
170
+
171
+
172
+
173
+ }
174
+
139
175
 
140
176
 
141
177
  ```