質問編集履歴

2

画像追加

2020/03/31 06:49

投稿

miumei
miumei

スコア6

test CHANGED
File without changes
test CHANGED
@@ -369,3 +369,7 @@
369
369
  }
370
370
 
371
371
  ```
372
+
373
+
374
+
375
+ ![イメージ説明](67db26dfb15fc0c426aece7a77d2b9a9.png)

1

コードの追加

2020/03/31 06:49

投稿

miumei
miumei

スコア6

test CHANGED
File without changes
test CHANGED
@@ -1,10 +1,6 @@
1
1
  ProgateでRuby on Rails5 道場コース I 8.投稿機能を作ろう(一覧・詳細ページ)を勉強しています。
2
2
 
3
-
4
-
5
- 答えを見ながら、コードを入れても【「localhost:3000/posts/index」に全ての投稿が表示されていません。】と出ます。
3
+ 答えを見ながら、コードを入れても【「localhost:3000/posts/index」に全ての投稿が表示されていません。】と出ます。原因が分からないため教えていただきたいです。
6
-
7
- 原因が分からないため助言頂けますと幸いです。
8
4
 
9
5
  ```
10
6
 
@@ -148,12 +144,228 @@
148
144
 
149
145
  end
150
146
 
147
+
148
+
149
+ エディタ:posts.scss
150
+
151
+ コード
152
+
153
+ .posts-index-item {
154
+
155
+ padding: 20px 30px;
156
+
157
+ background-color: white;
158
+
159
+ overflow: hidden;
160
+
161
+ box-shadow: 0 2px 6px #c1ced7;
162
+
163
+ }
164
+
165
+
166
+
167
+ .post-left img {
168
+
169
+ width: 50px;
170
+
171
+ border-radius: 40%;
172
+
173
+ box-shadow: 0 2px 6px #c1ced7;
174
+
175
+ }
176
+
177
+
178
+
179
+ .post-user-name a {
180
+
181
+ font-weight: 600;
182
+
183
+ }
184
+
185
+
186
+
187
+ .post-user-name a:hover {
188
+
189
+ color: #3ecdc6;
190
+
191
+ }
192
+
193
+
194
+
195
+ .post-left {
196
+
197
+ float: left;
198
+
199
+ width: 10%;
200
+
201
+ }
202
+
203
+
204
+
205
+ .post-right {
206
+
207
+ float: left;
208
+
209
+ width: 90%;
210
+
211
+ padding-left: 25px;
212
+
213
+ text-align: left;
214
+
215
+ }
216
+
217
+
218
+
219
+ /* posts/show ================================ */
220
+
221
+ .posts-show form {
222
+
223
+ display: inline;
224
+
225
+ }
226
+
227
+
228
+
229
+ .posts-show-item {
230
+
231
+ padding: 30px;
232
+
233
+ background-color: white;
234
+
235
+ box-shadow: 0 2px 6px #c1ced7;
236
+
237
+ overflow: hidden;
238
+
239
+ }
240
+
241
+
242
+
243
+ .posts-show-item img {
244
+
245
+ width: 60px;
246
+
247
+ border-radius: 40%;
248
+
249
+ box-shadow: 0 2px 6px #c1ced7;
250
+
251
+ vertical-align: middle;
252
+
253
+ }
254
+
255
+
256
+
257
+ .posts-show-item .post-user-name a {
258
+
259
+ vertical-align: middle;
260
+
261
+ font-size: 24px;
262
+
263
+ margin-left: 15px;
264
+
265
+ }
266
+
267
+
268
+
269
+ .posts-show-item p {
270
+
271
+ font-size: 24px;
272
+
273
+ margin: 20px 0;
274
+
275
+ }
276
+
277
+
278
+
279
+ .post-time {
280
+
281
+ color: #8899a6;
282
+
283
+ margin-bottom: 10px;
284
+
285
+ }
286
+
287
+
288
+
289
+ .posts-show-item .fa {
290
+
291
+ font-size: 16px;
292
+
293
+ margin-right: 3px;
294
+
295
+ }
296
+
297
+
298
+
299
+ .like-btn {
300
+
301
+ padding: 0;
302
+
303
+ background-color: white;
304
+
305
+ color: #8899a6;
306
+
307
+ font-size: 16px;
308
+
309
+ margin-bottom: 0;
310
+
311
+ outline-width: 0;
312
+
313
+ }
314
+
315
+
316
+
317
+ .like-btn-unlike {
318
+
319
+ color: #ff2581;
320
+
321
+ }
322
+
323
+
324
+
325
+ .post-menus {
326
+
327
+ float: right;
328
+
329
+ }
330
+
331
+
332
+
333
+ .post-menus a {
334
+
335
+ color: #8899a6;
336
+
337
+ text-decoration: underline;
338
+
339
+ font-size: 14px;
340
+
341
+ }
342
+
343
+
344
+
345
+ /* 新規投稿 & 編集 */
346
+
347
+ .posts-new textarea {
348
+
349
+ font-size: 20px;
350
+
351
+ padding: 10px;
352
+
353
+ min-height: 140px;
354
+
355
+ border: 1px solid rgb(216, 218, 223);
356
+
357
+ resize: none;
358
+
359
+ }
360
+
361
+
362
+
363
+ .posts-new textarea::-webkit-input-placeholder {
364
+
365
+ font-size: 24px;
366
+
367
+ opacity: 0.5;
368
+
369
+ }
370
+
151
371
  ```
152
-
153
-
154
-
155
- 何を載せればよいか分からず一部載せていますが、他に載せるべきコードがあれば追加します。
156
-
157
- あと、エディタ:create.posts.rbのコードの意味が全然分からずご説明頂けますと幸いです。
158
-
159
- どうぞよろしくお願いします。