質問編集履歴

1

index.html.erbとcalendars.scssの追加

2022/05/06 02:34

投稿

milktea246
milktea246

スコア23

test CHANGED
File without changes
test CHANGED
@@ -31,12 +31,103 @@
31
31
  Completed 200 OK in 1268ms (Views: 1247.3ms | ActiveRecord: 4.9ms | Allocations: 2059231)
32
32
  ```
33
33
 
34
- ### 該当のソースコード
35
-
36
- vscodeで画像に記述されているコードが見つからなかったので検証ツールの画像を添付させていただきます。
34
+ この部分が原因で反映できていないと思うのですがvscodeで画像に記述されているコードが見つからなかったので検証ツールの画像を添付させていただきます。
37
35
 
38
36
  https://gyazo.com/26079f66eae8a7eb33db8fb06ee024c3
39
37
 
38
+ ### 該当のソースコード
39
+
40
+ index.html.erb
41
+ ```
42
+ <p id="notice"><%= notice %></p>
43
+
44
+ <%= link_to 'トップページ', users_path %>
45
+ <div class="toppage">
46
+ <h1 class="top">カレンダー</h1>
47
+ <br>
48
+
49
+ <div class="col-md-8"><%= link_to 'メモを追加', new_calendar_path %>
50
+ <%= month_calendar events: @calendars do |date, calendars| %>
51
+ <%= date.day %>
52
+
53
+ <% calendars.each do |calendar| %>
54
+ <div>
55
+ <%= link_to calendar.title, calendar %>
56
+ </div>
57
+ <% end %>
58
+ <% end %>
59
+ </div>
60
+
61
+ <br>
62
+
63
+
64
+ <br>
65
+
66
+ <div class="row">
67
+ <div class="col-md-4">
68
+ <div class="schedule">今後の予定一覧</div>
69
+ <table class="table">
70
+ <thead class="thead-light">
71
+ <tr>
72
+ <th>タイトル</th>
73
+ <th>日程</th>
74
+ </tr>
75
+ </thead>
76
+
77
+ <tbody>
78
+ <% @calendars.each do |calendar| %>
79
+ <tr>
80
+ <td><%= link_to calendar.title , calendar %></td>
81
+ <td><%= calendar.start_time.strftime("%m-%d") %></td>
82
+ </tr>
83
+ <% end %>
84
+ </tbody>
85
+ </table>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ ```
91
+
92
+ calendars.scss
93
+ ```
94
+ .col-md-8 {
95
+ float: left;
96
+ width: 60%;
97
+ position: relative;
98
+ padding-left: 15px;
99
+ padding-right: 15px;
100
+ }
101
+
102
+ .schedule {
103
+ font-size: 25px;
104
+ font-weight: bold;
105
+ padding-bottom: 20px;
106
+ }
107
+
108
+ .table>thead>tr>th {
109
+ border-bottom: 2px solid #ddd;
110
+ padding: 8px;
111
+ text-align: center;
112
+ }
113
+
114
+ .col-md-4 {
115
+ float: left;
116
+ width: 35%;
117
+ }
118
+
119
+ .top {
120
+ text-align: center;
121
+ }
122
+
123
+ .wday-0 a {
124
+ color: red;
125
+ }
126
+ .wday-6 a {
127
+ color: blue;
128
+ }
129
+
130
+ ```
40
131
 
41
132
  ### 試したこと
42
133